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.
User | RANK |
---|---|
227 | |
180 | |
63 | |
54 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023