How can I adjust banner size for mobile view?

Store Design
1

Hello everyone,

I am having a problem with banner sizes converting properly from desktop to mobile.

The banner is a perfect size on desktop:

IMG-5016.jpg
IMG-5016.jpg2939Ă—1447 362 KB

On mobile however it significantly shrinks:

IMG-5017.jpg
IMG-5017.jpg828Ă—1483 42.9 KB

Is there anyway I could just readjust the banner on mobile to be larger?

Thank you for all your help!

2

@Juliettagolovey - please share this page link, I will check it on the browser and let youknow

3

Thank you for your help. The link is https://glasstapes.com/

4

Hi @Juliettagolovey ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

@Juliettagolovey - it is single image, it can be made bigger but then it will get cut sideways

I recommend to use 2x2 image for mobile, so create one more image in 2x2 format anad we can use it on mobile

it will cut like screenshot below

suyash1_0-1644642350431.png
suyash1_0-1644642350431.png1366Ă—768 248 KB

6

@Juliettagolovey

  1. Please go to assets/theme.scss.css

  2. Paste below CSS at bottom of file.

@media screen and (max-width: 749px){
div#Hero-hero-1 {
height: 66vw;
}
}
7

@Twombly - yours is wordpress site, you do not have any images on page

1 Like
8

Hello,

I got to assets but cannot find “theme.scss.css”. Do you know where else this could be?

9

@Juliettagolovey - your theme has base.css file