Shopify themes, liquid, logos, and UX
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
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?
Solved! Go to the solution
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:
Now the banner is removed.
If you need more help then feel free to reach me.
Thanks
<style>
img.desktop-banner {
display: none !important;
}
</style>
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
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...
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:
Now the banner is removed.
If you need more help then feel free to reach me.
Thanks
Thank you so much! This worked immediately 😊
Hi @dallas_ ,
Go to Themes >> Online store >> Edit code and search base.css or theme.css and paste the below code
And the banner won't appear.
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.
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.