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

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)

//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


pswd: owpaun