How to remove permanent banner on every page?

Store Design
1

There is a permanent red banner above my header that I am unable to delete. Pic attached. Can someone tell me how?

Screenshot 2024-01-14 224045.png
Screenshot 2024-01-14 224045.png1354×531 51 KB

2

Hi @lostandsleepy ,

Somewhere in your code (in some .liquid file), you have this line

You have to change the display: block to display: none in above line, so final line should look like this

Knowing which exact .liquid file has this div is difficult and depends on the theme. One thing you can do is open code editor section and go through all liquid files and search for text “qab_container”, once you find the file which has this, you can make the above change.

To go to code editor, you can follow these steps

  1. Go to your online store and select Themes from left panel

  2. Press 3 dots menu in center (on the left of Customize button) and then Edit Code

  3. In search bar type liquid to get all liquid files in list

Thanks

Yash Garg

3

Hi @lostandsleepy

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.announcement-bar {

display: none !important;

}

In case the above code does not work, please share with me the editor url and password page. So I can examine this issue more closely.

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hello. that didn’t work it took away My real announcement bar. (In black) Im trying to remove the red section at the top. that is at the top of every page as well

5

Hey @lostandsleepy ,

The solution I mentioned above is a more proper solution, but if you want to make a quick workaround just to solve the issue, you can do this:

  1. Go to your online store and select Themes from left panel

  2. Press 3 dots menu in center (on the left of Customize button) and then Edit Code

  3. Go to base.css file (you can search for it)

  4. Now add the following at the bottom of the page

#qab_container {

display: none !important;

}

Thanks

Yash Garg

6

I need to remove this:

7

You can try with this code:

#qab_container {display: none !important;}

8

I have been searching for an answer to this for a while now. I tried both of your solutions, but I didn’t find that text or a string of text from the unwanted banner when searching my code. There are no base.css files, and there are over 250 liquid files, but none of them had that text.