Top

Make the Store Locator Page More Printer Friendly

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

  1. From "Shopify Admin", select Online Store.

    Online Store 

  2. Select Actions.

    Select Actions 

  3. Select Edit code.

    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.

    select your main css file 

  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.

    select save

That's it!