Hi, i would like my home screen image banner in mobile to be of full height. How can i do this please let me know. Thank you so much. Attaching the current and desired images below [WhatsApp Image 2023-11-17 at 5.38.37 PM.jpeg] [WhatsApp Image 2023-11-17 at 5.38.08 PM.jpeg]

Hi @aryakatpally , Go to section-image-banner.css and add the following code : @media (max-width:749px){ .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media { height: 100vh !im…

Thank you so much, it worked! I changed the 100vh to 70vh and it’s perfect. Thank you again! Really grateful

Make Home Page Image Banner Full Screen Height On Mobile Devices

Store Design

Abdosamer November 17, 2023, 12:40pm 4

Glad it helped, fell free to contact me if you run into any problems in the future.

Topic		Replies	Views
Make home page image banner full screen height on mobile devices Store Design design , css	4	92	November 17, 2023
Extend homepage image on mobile - Dawn Theme Store Design design , customizations , landing-page , css , shopify-themes , html	3	38	March 14, 2024
How can I adjust mobile banner height to fill entire screen? Store Design	16	142	January 5, 2023
How can I increase image banner height to extra large? Dawn theme Store Design design , header , css	3	63	September 20, 2024
mobile version bugged out Store Design liquid , design , footer , css	4	45	April 29, 2025

Make Home Page Image Banner Full Screen Height On Mobile Devices

Related topics