Make Home Page Image Banner Full Screen Height On Mobile Devices

[aryakatpally]

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

[Abdosamer]

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 !important;
}
}

[aryakatpally]

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

Thank you again! Really grateful

[Abdosamer]

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