How can I hide the top banner on mobile using dawn theme 11?

[urbantis]

I would like to  hide the top banner from mobile, but still seen on desktop

can you help?

[Moeed]

Hey @urbantis 

Can you share a screenshot of the section that you want to hide on mobile? 

Best Regards,

Moeed

[theycallmemakka]

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

[oscprofessional]

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;
}

[urbantis]

Muhammad Sufyan Sikander

stop spamming sending unsolicited messages, it was a question on the forum, if you can help you can answer here, we do not require any of your help