How can I remove a persistent banner from all pages of my website?

Shopify Discussion
,
1

There is a banner at the bottom of most of my pages (not a footer), that I can not seem to get rid of.

When editing the site, I can click the X to seemingly remove the “Gift Cards Available!” banner, but then I can’t save the change and the banner just comes back.

This doesn’t seem to be in my actual footer, so I’m unsure how to stop this graphic from appearing.

It is also on almost every page, so I’m looking for a way to just remove it from all pages at once as opposed to editing each page…

Theme: Motion

Website: crystaljoys.com

shereenlisa_0-1686671195976.png
shereenlisa_0-1686671195976.png1401×773 183 KB

shereenlisa_1-1686671274050.png
shereenlisa_1-1686671274050.png1893×793 152 KB

1 Like
2

Hi @shereenlisa

That banner is an app and not part of your theme. If you do not need it. You can uninstall the app. If you need the app but just want to not put anything at the bottom of your website, you can do the following.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
div#qab_container {
    display: none !important;
}
1 Like
3

Hi @shereenlisa ,

Thanks for reaching out. There could be several reasons why this banner is showing on your website. The most common reason would be that it is coming from an app you forgot you use, or you deleted, but the snippet of code was left in the theme code file.

Thank you for providing your store link! That has allowed me to use the inspect tool and find that the banner is showing qab_container which seems to be related to a Quick Annoucement Bar app.

Please check the app and disable the banner from the app itself. If you already deleted this app, in that case there is a leftover code in your theme which is why this banner is still showing. Others provided great steps on how to remove this yourself. Keep in mind before you customize a theme, it’s a good idea to make a backup copy so that you can discard your changes and start again if you need to.

But if you don’t feel comfortable editing code I suggest contacting app developer to help with this - help@hextom.com.

How are things going with the rest of your website? If you’re looking for the next steps to grow your business further, you might be interested in our video courses on Shopify Learn! This is a free resource for you to learn about anything from marketing to store design. I highly recommend taking advantage of this as you’ll find many tips and strategies from experts in different fields.

As always, should any questions arise, be sure to reach out to us!