Increase Slideshow Height To Fullscreen On Mobile, DAWN Theme.

Solved
noaruhr
New Member
7 0 0

www.mywishlist.co.il

 

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!!

 

MOBILE.JPG

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12265 2544 3677

This is an accepted solution.

@noaruhr 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
12265 2544 3677

This is an accepted solution.

@noaruhr 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
noaruhr
New Member
7 0 0

I know 🙂 I'm looking for someone who did it and can share with me the code customization.

Thanks

noaruhr
New Member
7 0 0

Hi

 

Thank you so much!

sham_7TH
Visitor
1 0 0

hi i did this but its made my announcement bar full screen as well, is there any way to fix that?