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

• How To Download All Media Files in Your Shopify Themes
• 2+ Best Shopify Delete Customer Account Apps
• Top 3+ Quick Order Apps For Shopify
• 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