How to increase slideshow section height for mobile only in dawn theme?

Solved

How to increase slideshow section height for mobile only in dawn theme?

adword009
Tourist
6 0 1

Hi,

I need to increase the height of the slideshow section for mobile only to full screen in the Dawn theme but I am unable to do it, I have separate banners for desktop and mobile. Please help.

Screenshot 2024-04-12 at 12.29.23 PM.pngScreenshot 2024-04-12 at 12.30.43 PM.png

Accepted Solution (1)
Raj-WebDesigne
Shopify Partner
60 16 14

This is an accepted solution.

Add This Css In your base.css File

@media screen and (max-width:767px){
    .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 100vh !important;
    }
    .media>img {
        object-fit: fill !important;
    }
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 5 (5)

Raj-WebDesigne
Shopify Partner
60 16 14

Please Share Your store Link

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


Raj-WebDesigne
Shopify Partner
60 16 14

This is an accepted solution.

Add This Css In your base.css File

@media screen and (max-width:767px){
    .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 100vh !important;
    }
    .media>img {
        object-fit: fill !important;
    }
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


adword009
Tourist
6 0 1

It's done perfectly. Thank you so much.

Screenshot 2024-04-12 at 3.59.55 PM.png