How can I display a specific design only on mobile using Dawn Theme?

Store Design
1

Hi everybody! (Dawn Theme).

I know it it weird, but I want this design to show me only on the mobile!

I tried different things but I failed everytime!

Can someone help me?

https://8hh12wxd0krweu4f-57200672851.shopifypreview.com

Screenshot_2.png
Screenshot_2.png513×865 240 KB

2

@CrenaMakw2

Hi,

To display the video only on mobile, please add the code below to assets/base.css file.

@media screen and (min-width: 750px) {
  div#shopify-section-template--14698607870035__16612416269ee0a652 {
    display: none;
  }
}
@media screen and (max-width: 749px) {
  div#shopify-section-template--14698607870035__16612416269ee0a652 {
    display: block;
  }
}

Without the video, it will be displayed on PC as below.

20220825_001922.png
20220825_001922.png1896×895 342 KB

If you resolve the issue, please click “Like” and “Accept solution”.

If you still have the issue or have other questions, please let me know.

Hope it helps.

Thanks.

3

@CrenaMakw2

oh sorry for any issue can you please share more details what do you want exactly?