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.

    Online Store

  2. Select 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:

0 out of 0 found this helpful



Please sign in to leave a comment.