Remove shop preview mode from Shopify store - eCommerce Thesis

Remove shop preview mode from Shopify store

You can click on the blue link that says “Hide bar” to hide the preview bar on the theme. Please note that this preview bar will reappear each time you navigate to a brand new page. 

But anyway here is the CSS code to do it.

html {
  padding-bottom: 0!important;
}

#preview-bar-iframe {
  display: none!important;
}

Please note that the preview bar only displays to the account owner and staff who are logged in, and viewing a theme that isn’t published, so adding this code would not be necessary.

If you do plan on adding this code to your theme I recommend creating a backup of your theme, so that you can refer to a copy of your theme if the customizations made on your theme don’t go as planned. 

Leave a Reply