Shopify themes, liquid, logos, and UX
Currently when on mobile, the slideshow only fills half of the screen. On desktop, it fills great, so don't want to change anything there. What CSS code can I input to decrease the photo width in order to lengthen to full screen? Thanks for any suggestions!!
Solved! Go to the solution
This is an accepted solution.
Please add the following CSS to your assets/section-image-banner.css bottom of the file.
@media screen and (max-width: 749px) {
.banner__media {height: 100vh !important;}
.slider.slider--everywhere .slider__slide {height: 100vh !important;}
}
Thanks!
This is an accepted solution.
Please add the following CSS to your assets/section-image-banner.css bottom of the file.
@media screen and (max-width: 749px) {
.banner__media {height: 100vh !important;}
.slider.slider--everywhere .slider__slide {height: 100vh !important;}
}
Thanks!
I know 🙂 I'm looking for someone who did it and can share with me the code customization.
Thanks
Hi
Thank you so much!
hi i did this but its made my announcement bar full screen as well, is there any way to fix that?
User | RANK |
---|---|
228 | |
174 | |
65 | |
52 | |
48 |
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