When I view my store it has the shaded “ navigate to admin” bar at the bottom. I view my store on different machines and it still shows. How can it be removed? Screenshot attached.
Hey @Markssxx
The “Navigate To Admin” is only shown for users who are logged in to your Shopify Admin dashboard. It won’t be visible for your customers so you don’t have to worry about that.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Markssxx
Thank you for reaching out about this!
This gray bar appears for any merchant who is viewing their own site from a browser where they’re also logged in to their Shopify admin. However, it’s important to mention this bar is visible to the store owner only, and it won’t show up for customers who are also viewing your site.
I understand that there are some instances where you may not want to see this bar though, so I recommend trying out these workarounds to ensure the bar doesn’t appear:
- Logging out of your Shopify admin on your browser before viewing your live site
- Accessing your site from a different supported browser where you aren’t logged in
- Using Chrome Incognito mode
- Visiting your store through the theme editor by clicking ‘Online store > Themes’ in your Shopify admin, and then clicking ‘Customize’ on your current theme
Please give these options a try and keep me posted on how they work for you.
In the meantime, if there’s a specific reason why you don’t want to see this gray bar, please let me know and I’ll be happy to share your feedback with our team directly.
Thanks!
I want to be able to be logged in on the same browser and be able to get into both my site and the back end. I don’t want the admin bar when doing this. What caused this new change? is there another option to “undo” this new nuisance?
Thank you.
Hello!
My bar disapear and I can’t get it back! Can you please help me to get back the gray bar
Thank you
This is an incorrect statement! I’m logged out of Admin and so is the store owner. The only workaround is to use incognito mode or “Private Mode”
I have even cleared cache etc. Still appears but not on cell phone
Your suggestion does NOT work
This is an incorrect statement! I’m logged out of Admin and so is the store owner. The only workaround is to use incognito mode or “Private Mode”
I have even cleared cache etc. Still appears but not on cell phone
Your suggestion does NOT work
Your statement is not correct! Please don’t post incorrect answers. You don’t have to be logged in to “Admin” for the “Navigate to Admin” banner appears. BTW …I’m not the store owner either, I’m a staff member of the store. And why do we have to go to “Private Mode” or incognito mode to see our untainted website. What gives Shopify the right to display what they want on my website? I’m logged out of the Shopify Admin at the moment and so is the store manager. AND I am still seeing the “Navigate to Admin” banner at the bottom of my screen. This has become quite annoying.
Completely agree, I want to do a screen recording of my website and I cant.
Just adding this here as I found the solution, and this topic was the first topic that came up on google.
-
From your Shopify admin, to to Online Store > Theme.
-
Find the theme you want to edit and then click Action > Edit code.
-
In the Assets section, click base.css to open the file in the online code editor.
-
Add the below code at the end of file.
#admin-bar-iframe { display: none !important; } -
Hit save, and you’re done
You’re a star! The bar was so annoying, this removed it, thank you!
great, works, thank you!
When I was editing my Shopify site the grey bar did not come up. Now it does and it is annoying. Even when I close out it is still there when I go to view the website. I am no longer editing so what is going on? I saw a video where I can add a snippet of code to remove it but I don’t want to do that. Thanks for any help with this.
Hy, yes me too, I cannot find base.css in the assets section…Where can I add too, this code? Maybe in main.css? Thanks
Hy dear community, really nobody can give me any answer?
sthr a Shopify Partner gave me this and it worked!
If you have a base.css try this:
You can go to Online Store > Themes and then Edit code under the Sales Channel in your left navigation bar.
Look for base.css in the assets folder and add the code at the very bottom of the CSS file.
This worked for me since I do NOT have a base.css:
You can also add it to theme.liquid; just make sure to place this code before the closing tag.
{% style %} #admin-bar-iframe {visibility: hidden;} {% endstyle %}
Keep in mind that this is merely a hack, and the code will be lost if you update your theme.
sthr a Shopify Partner gave me this and it worked!
If you have a base.css try this:
You can go to Online Store > Themes and then Edit code under the Sales Channel in your left navigation bar.
Look for base.css in the assets folder and add the code at the very bottom of the CSS file.
This worked for me since I do NOT have a base.css:
You can also add it to theme.liquid; just make sure to place this code before the closing tag.
{% style %} #admin-bar-iframe {visibility: hidden;} {% endstyle %}
Keep in mind that this is merely a hack, and the code will be lost if you update your theme.
Thanks a lot Novatto, it works just fine, I’m glad I have a community that really helps you…