Remove banner from all pages of website

Topic summary

A user seeks help removing an unwanted banner from their Shopify store (southernglowdesigns.com), unable to recall which app installed it.

Key Solutions Provided:

  • One responder clarifies it’s an announcement bar, not a banner, and suggests checking the theme customization settings to remove it through the standard interface.

  • Another provides a CSS workaround:

    1. Navigate to Shopify Admin → Online Store → Theme → Edit code
    2. Locate base.css, theme.css, or styles.css
    3. Add the CSS snippet body> div:has(.mars-stack-item) { display: none !important; } at the bottom

Status: The original poster confirms the issue is resolved with thanks.

Follow-up Question: A new participant asks how to make a banner appear only on the homepage (unresolved).

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

I’m trying to remove this banner and I have tried everything I have read on here and nothing is working. I don’t remember which app placed on the website. Please help.

southernglowdesigns.com

1 Like

Hi @JenneMarie

It not a banner. its a announcement bar. If you cant remove it from here:

Then would you mind to share your store URL? Thanks!

Hi @JenneMarie ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css or styles.css

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

body> div:has(.mars-stack-item) {
    display: none !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you :heart_eyes: :heart_eyes:

1 Like

Thank you so much for all of your help.

Hello Mate!

Can you tell me a way to make my banner appear only on my home page ?