Make the Store Locator Page More Printer Friendly

Follow

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.

    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

Comments

0 comments

Please sign in to leave a comment.