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
I would like to hide the top banner from mobile, but still seen on desktop
can you help?
Hey @urbantis
Can you share a screenshot of the section that you want to hide on mobile?
Best Regards,
Moeed
Hi @urbantis ,
Follow these Steps to hide top banner on mobile only:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </body> tag
<style>
@media only screen and (max-width: 600px) {
#shopify-section-template--14624638763092__image_banner{
display: none;
}
}
</style>
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hello @urbantis
you can try this code it might be helpful to you:-
Go to the seeting> edit code> base.css> paste the the code bottom.
div#Banner-template--14624638763092__8e885c65-01f2-4422-93b4-0a0531e13152 {
display: none;
visibility: hidden;
}