Trouble adapting the banner image in the home page, for it to fill the screen in the mobile view…, thought about uploading a different photo for mobile view thats vertical, but couldnt work it around. any ideas? The issue is that de 3:2 image im using in desktop works perfectly but for the mobile …

For Demo purposes I’ve made it to be 600px on mobile. To replicate this, you can add the following CSS into your main CSS file (base.css). Please add this at the bottom of the sheet! @media(max-width:600px){ .banner__media { height:600px; } .banner__media.media.scroll-trigger.animate--fade-in > …

Mobile banner index page, for Origin theme

Store Design

foxdeveloper November 8, 2023, 2:13pm 11

Thanks! @bug it should be sections > image-banner.liquid, around line 56

1 Like

Topic		Replies	Views
Banner optimization for desktop and mobile Store Design	10	36	August 2, 2022
Dawn Theme: make the image banner adapt to image size on mobil view Store Design design , css	4	22	January 15, 2023
Mobile Banner and Pictures cropped for mobile Store Design	12	41	August 10, 2021
different image for mobile and Desktop Store Design design , css	6	17	December 5, 2024
How can I adjust my banner photo for optimal mobile and desktop view? Store Design	7	11	November 6, 2022

Mobile banner index page, for Origin theme

Related topics