Navigate to Admin base bar has showed up at the bottom of my website

[Gabe16]

HI,

All of a sudden this 'Navigate to Admin' base bar has shown up at the bottom of my website. I am sure it is something I did in the backend of my Shopify set. The question is how do I get rid of it when I don't know how I did it.

I would appreciate if someone could let me know what to click

Thank you.

[PingIT · Accepted solution]

Hi,

Only you (or another logged in Admin) can see this bar. Your customers cannot see this.

You can test this by opening up a private / incognito browser window and going to your storefront. You will not be displayed this bar.

[Gabe16]

Thank you so much. Yes that worked.

[mklipich]

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.  And why do we have to go to "Private Mode" or incognito mode to see our untainted website.  What give 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.

[mklipich]

THIS IS NOT an accepted solution! Your statement is not correct! You don't have to be logged in to "Admin" for the "Navigate to Admin" banner appears.  And why do we have to go to "Private Mode" or incognito mode to see our untainted website.  What give 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.

[petuniaamelie]

This is not an accepted solution because it does not meet accessibility standards. The admin bar is obscuring a portion of my screen and I'm unable to close it or remove it. Not everyone wants to keep switching between windows.

Does anyone know which theme file this <div class="ui-stack-item ui-stack-item--fill ui-admin-bar__return-link-wrapper">
<button class="ui-button ui-button--transparent ui-button--icon-only ui-admin-bar__return-link" data-url="https://a19926-2.myshopify.com/admin/auth/login?redirect=%253force_legacy_domain%253D1" aria-label="Navigate to admin" type="button" name="button"> can be found?

[Emily]

Hi, @Gabe16.

Thank you for reaching out! 

Your customers will not be able to see that banner as it is there for you to navigate between the admin and storefront. 

Please let me know if you have any further questions! I would love to learn more about your business. What type of products do you sell? 
 
Talk soon, 

[Gabe16]

Thank you for confirming.

[NBC]

Also had this suddenly appear for no reason after using Shopify for 7 years, and incognito mode is a very inconvenient workaround.

Adding this to your theme's CSS removes the footer: #admin-bar-iframe {display: none;}