Hide image banner on desktop view only

Shopify Discussion
1

I want hide image banner on desktop view, but still keep it on mobile view

I use shopify dawn theme

website is www.rosamiga.xyz

code is twentytwo

2

here is how to do that :

@media screen and (min-width: 750px)
.banner__media {
    display: none;
}
3

At which section in the edit code do I add it to?

4

Hi @unknown29

You can use the tutorial below to hide the specific section in mobile or desktop

5

Hi @unknown29
Please search for section-image-banner.css file
In this file search for ‘@media screen and (min-width: 750px) {
.banner__media {’
and put display: none; here after height: 100%;
the final code will look like this

@media screen and (min-width: 750px) {
  .banner__media {
    height: 100%;
    display: none;
  }
}

pawankumar_0-1683563652692.png
pawankumar_0-1683563652692.png1842×374 37.7 KB

pawankumar_1-1683563664630.png
pawankumar_1-1683563664630.png482×168 4.18 KB

Please check if it help you!
Thank you!

6

Hello,
Thank you for the suggestion. There’s one problem here when you do this, the mobile website even shows a blank space where the Desktop slide is included and vice-versa