Make the Store Locator Page More Printer Friendly

To make the Store Locator page more printer friendly, please follow these steps:

  1. From Shopify's admin, select Online Store.
  2. Select Actions.
  3. Select Edit code.
  4. Under "Assets", select your theme's main CSS file.

    Note: This will vary by theme and could be something like theme.scss.liquid.


  5. Copy and paste this code to the end of the file:
    @media print {
    .search_bar, .return_to_results, .preview-area-plugin-wrapper {
    display: none !important; 
    .directions_text {
     height: auto;
     width: 400px;
     margin-left: auto;
     margin-right: auto;
    .store_map, .gm-style {
     margin-left:auto !important;
     margin-right: auto !important;
  6. Select Save.

That's it!

Was this article helpful?
0 out of 0 found this helpful