Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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;
}
}
This is an accepted solution.
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;
}
}
Thank you so much, it worked! I changed the 100vh to 70vh and it's perfect.
Thank you again! Really grateful
Glad it helped, fell free to contact me if you run into any problems in the future.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025