Mobile view doesn't resize my image with text overlay and different po. Shopnow button [Debut theme]

Highlighted
New Member
2 0 0

Hello everyone,

My image with text overlay doesn't resize in Mobile view, could anyone help me with that?

I've tried different solutions in theme.scss.liquid:

//FIXED SCREEN (Makes the image compatible for mobile view too but in full image screen)


//.hero[id]{
//background-size: contain !important;
//height: 41vw !important;
//width: 100% !important;
//}


//STRATCH (it stratches which makes the image of poor quality)
//@media only screen and (max-width: 600px) {
//.hero__btn {
//top: 30px;
//}

 

I cant also seem to find to change the button positioning of ' Shop now '  more to the left in desktop view.. right under the text and a little bit bigger.

 

Help would be much appreciated.

Thanks in advance

Site: https://insane-hookah.myshopify.com/

pswd: owpaun

0 Likes