Top

How can we help?

Browse our Help Center or visit our Community, still Need Help? Contact Us.

Make the Store Locator Page More Printer Friendly

  • Created:
  • Last Updated:
  • Article ID: 204566615
  • Store Locator
  • All Versions
  • Basic CSS knowledge required
  • 15 Minutes

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

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

    Online Store 

  2. Select Actions.

    Actions 

  3. Select Edit code.

    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!

Next Steps:

Blog Posts: