Make the Store Locator Page More Printer Friendly

Michael

Published: March 16, 2015 17:57

Updated: October 31, 2019 20:29

Store Locator
All Versions
Basic CSS knowledge required
15 Minutes

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

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Assets", select your theme's main CSS file.
Note: This will vary by theme and could be something like theme.scss.liquid.

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;
}
}