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; } }
- Select Save.
That's it!