We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How do I remove this banner?

Solved

How do I remove this banner?

dallas_
Visitor
2 0 1

Working on this site (dearyoupaperie.com) and cannot figure out where this banner is pulling from? The client wants it removed - but assets show it's not referenced in the store? Screenshot 2025-06-28 at 12.17.05 AM.png

Accepted Solution (1)

The_ScriptFlow
Trailblazer
201 17 26

This is an accepted solution.

Hey @dallas_,

Welcome to Shopify Community. Thanks for Bringing up this Question to Shopify Community. I order to remove the banner on your site then you need to follow these steps.

Go to Shopify Admin >> Online Store >> themes >> Edit Code >> base.css >> Go to the end of this file and paste the following code.

.desktop-banner {
  display: none !important;
}

Results:

The_ScriptFlow_0-1751088567907.png

Now the banner is removed.

If you need more help then feel free to reach me.

Thanks

- Need a Shopify Specialist? Chat on WhatsApp Or Email at info@thescriptflow.com
- For any custom section queries, bug fixing please visit: Level 2 Fiverr Profile
- Buy Me a Coffee? Nah… Let’s Upgrade to a Car
- If my solution was helpful, mark it as a solution and hit the like button!

View solution in original post

Replies 7 (7)

Mustafa_Ali
Trailblazer
523 51 101
<style>
img.desktop-banner {
    display: none !important;
}
</style>

Mustafa_Ali_0-1751086054886.png

hey @dallas_ dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

 

"Need a Shopify Specialist"?Chat on WhatsApp
Or email at: mustafaalideveloper001@gmail.com
"If my solution was helpful, mark it as a solution and hit the like button! And wait don't forget to"

Bundler-Manuel
Astronaut
1195 56 141

Hello @dallas_  I suggest you go through the replies in this thread here particularly the one marked as a solution https://community.shopify.com/c/technical-q-a/how-can-i-find-and-remove-a-banner-code-from-my-websit...

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

The_ScriptFlow
Trailblazer
201 17 26

This is an accepted solution.

Hey @dallas_,

Welcome to Shopify Community. Thanks for Bringing up this Question to Shopify Community. I order to remove the banner on your site then you need to follow these steps.

Go to Shopify Admin >> Online Store >> themes >> Edit Code >> base.css >> Go to the end of this file and paste the following code.

.desktop-banner {
  display: none !important;
}

Results:

The_ScriptFlow_0-1751088567907.png

Now the banner is removed.

If you need more help then feel free to reach me.

Thanks

- Need a Shopify Specialist? Chat on WhatsApp Or Email at info@thescriptflow.com
- For any custom section queries, bug fixing please visit: Level 2 Fiverr Profile
- Buy Me a Coffee? Nah… Let’s Upgrade to a Car
- If my solution was helpful, mark it as a solution and hit the like button!
dallas_
Visitor
2 0 1

Thank you so much! This worked immediately 😊

AiTrillion
Shopify Partner
4265 250 754

Hi @dallas_ ,

Go to Themes >> Online store >> Edit code and search base.css or theme.css and paste the below code

.full-page-banner {
display: none;
}


And the banner won't appear.

AiTrillion_0-1751093472275.png

 

Sachin D | Shopify Growth Expert @ AiTrillion

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- 10+ Years of eCommerce experience.
- 1400+ Stores Designed on Shopify.
- All in One Marketing App on Shopify AiTrillion Marketing Automation
.
- 13+ Shopify Apps launched on app store.

tim
Shopify Partner
4812 598 1733

This looks like code pasted into layouts/theme.liquid 

The original code should be like this -- https://github.com/Shopify/dawn/blob/177a0ccc3961fab92a97c1385eff01c0d533fdae/layout/theme.liquid#L3... :

  <body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      {{ 'accessibility.skip_to_text' | t }}
    </a>


    {%- if settings.cart_type == 'drawer' -%}

 

Yours look like:

  <body 
     class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}"

          ... banner-related code ...

    {%- if settings.cart_type == 'drawer' -%}

 

You need to restore the original code.

Note that closing ">" for <body class="..."> is lost in your code.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

namphan
Shopify Partner
2777 358 407

Hi @dallas_,

Please go to Actions > Edit code > layout > theme.liquid file, find 'full-page-banner'. You just need to remove the code in this HTML, it will work fine.

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com