Banner dawn theme

Store Design
, , ,
1

Hello ,

I hope someone can help. I put a responsive banner on ly dawn theme. Only problem is that the height of the banner is not showing correctly in mobile.

I would really appreciate if someone can help me, I tried all the methods i couldn’t find the problem

thie is my store : daccachestore.com

2

Hi @Mabelle ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_1-1716391921868.png
BSSTechVenture_1-1716391921868.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_2-1716391932585.png
BSSTechVenture_2-1716391932585.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

@media only screen and (max-width: 749px) {
   .banner__media.media.banner__media-half {
      height: 400px !important;
   }
}

Here is result:

BSSTechVenture_0-1716391875976.png
BSSTechVenture_0-1716391875976.png603×795 254 KB

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Thank you for your message, it worked. Best regards

4

Hi @flammagreg ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Inside tag head. You need create style tags. After you’ll insert my code inside it

BSSTechVenture_0-1716392563738.png
BSSTechVenture_0-1716392563738.png1919×873 121 KB

@media only screen and (max-width: 749px) {
   .banner__media.media.banner__media-half {
      height: 400px !important;
   }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like