How to Remove The Preview Bar When View Shopify Unpublished Theme

The preview bar will appear when you go to your Shopify store with Shopify Unppublished theme. It placed on the theme to help the user become aware that the theme is only a preview and is not the published look of the store.

If don’t like it, you can remove it. It’s simple.

1. From your Shopify admin, to to Online Store > Theme.
2. Find the theme you want to edit and then click Action > Edit code.
3. In the Assets section, click any style file (.CSS)  to open the file in the online code editor.
4. Add the below code at the end of file.
   
   CSS

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

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

5. Save and your are done.

I hope it’s helpful for you.

Related Posts via Categories

• Top 4+ “AI Size Recommender” Apps For Shopify
• The Best Shopify Apps for New Order Notifications on Twitch
• How To Check The Total Current Fees of Shopify Apps on Your Online Store
• The Best Shopify Apps For Glasses Virtual Try-On
• The Best Shopify Apps For Converting Prices To Cryptocurrency
• Top Shopify Apps for Seamless Sales Integration Across Multiple Websites
• Top 14+ Best Shopify Video Stories Apps
• Top 10+ “Try Before You Buy” Shopify Apps
• 10+ Necessary Shopify Apps For Your Online Jewelry Stores
• How To Create an On-Sale Automated Collection in Shopify