Banner Image Alignment Issue with Mobile on Sense Theme

Hello!

I am having an issue with the image banner on the [what we are] page and the [shop] page. I will attach the images, on desktop and on mobile, here. The domain name is wulf.ph, and the password is “midnightlibrary”

i dont get the reply.

Hi @midnightlibrary ,

We need to create separate image upload options for mobile and desktop. To create this we need to customize the slider.liquid code

Hi @Midnightlibrary,

You can try this code by following these steps:

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

Step 2: Search file section-image-banner.css

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

@media(max-width:767px){
.banner__media.media{
height:auto !important
}
.banner__media.media img{position:static !important} 
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Hey @midnightlibrary ,

What’s the banner pixels you’re using, so the code re-aligns it perfectly for desktop and mobile?