Why is my image banner not fitting on mobile view?

Shopify Discussion
1

Hi,

Good day to all!

On mobile view, the image banner on the top does not entirely fit. Need everything to fit on the mobile. Thank you.

shopify url: https://axletirewheel.myshopify.com

I’d appreciate the help

Thank you

Marketing1KC_0-1698847127558.png
Marketing1KC_0-1698847127558.png576×873 158 KB

2

Password protected please

3

Hello, thank you here is the password: tangoh

4

I checked the image is for desktop, its not optimized to fit in mobile, maybe it can be centered with just plain CSS with that image but id suggest you change the image or do this..
If the theme is customizable, you can create an image for mobile, and set images for desktop and for mobile.
This can also be done using custom code with shopify liquid and schema.

5

Hi Geobertz, thanks is the size 1080×720 - is good?

6

Hi @Marketing1KC

I recommend you add a slider image size of 1500 × 600px. At this time, if I make the image on mobile appear the same as on desktop, it will look like this.

Screenshot_5.jpg
Screenshot_5.jpg406×407 29 KB

7

Hi Dan-From-Ryviu, thanks I already updated the image size but still not fitted in mobile view.

8

Hi, the image size still cannot cover your texts and button in mobile, so may you can try to change it to like this.

Screenshot_8.jpg
Screenshot_8.jpg387×501 25.4 KB

9

hello, yeah that should work, how to do that :slightly_smiling_face:

10

Please add this code to Custom CSS of that section in Online store > Themes > Customize

.banner__media,
.banner__media img {
position: relative;
}
11

not working - just blank gray