change size of image banner for mobile

Solved

change size of image banner for mobile

ads18922
Pathfinder
114 0 40

hello, my image banner for my opening image is set at a medium height. I think this looks good however, on mobile it doesn't look great, and i would like the image to be bigger. Can you give me code which will make the image banner bigger on mobile, but not desktop.

my website url is www.antico-abito.com , password is chasha , theme is dawn

 
Accepted Solution (1)

CodingFifty
Shopify Partner
613 97 116

This is an accepted solution.

Hi @ads18922,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media screen and (max-width: 749px) {
    .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 50rem !important;
    }
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Reply 1 (1)

CodingFifty
Shopify Partner
613 97 116

This is an accepted solution.

Hi @ads18922,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media screen and (max-width: 749px) {
    .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 50rem !important;
    }
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com