How to change size of large image on a moblie

[shopdarkcave]

motion Shopify theme

Large image with text box how do I make it higher on mobile?

[Dan-From-Ryviu]

Hi @shopdarkcave

Could you share your store URL?

[PageFly-Oliver]

Hi @shopdarkcave ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

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

@media(max-width:767px){
 #PageContainer .background-media-text__container,.background-media-text__video{
    height:90vh;
  }
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[shopdarkcave]

https://shopdarkcave.com/

[shopdarkcave]

nothing

[Dan-From-Ryviu]

Hi @shopdarkcave

You can add this CSS code to your theme.css file to make image look like this image below in mobile device

@media only screen and (max-width: 600px) {
.background-media-text__container, .background-media-text__video { height: auto !important; }
.parallax-container, .parallax-image { positon: relative !important; }
}

[shopdarkcave]

i want to change the heigh of the div

[Dan-From-Ryviu]

So please use this code, change 340 to value that you want

@media only screen and (max-width: 600px) {
.background-media-text__container, .background-media-text__video { height: 340px !important; }
}