Resize Image Banner (MOBILE) - Publisher Theme

Solved

Resize Image Banner (MOBILE) - Publisher Theme

kritikozzz
Excursionist
37 0 4

Hi! 

 

I am looking to have my homepage image banner slightly larger on mobile than the standard sizing. It's currently a square on mobile and I'd like to extend the length of it vertically a bit. Thank you! 

 

site: www.aurabyangelo.com 

 

Thank you! 

 

 

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 221

This is an accepted solution.

Hello @David_SHT 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

@media screen and (max-width: 749px) {
    #Banner-template--21269278884125__52da4c41-003a-4ee2-b4f3-df248932bb3b .banner__content {
        min-height: 55rem !important;
    }
}

The result

Screenshot 2023-10-16 at 08.38.42.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 3 (3)

David_SHT
Globetrotter
605 125 124

Hi @kritikozzz 

This is David at SalesHunterThemes.

To change the size of the image banner section

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 

@media screen and (max-width: 749px){
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 66rem;
}
}

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

kritikozzz
Excursionist
37 0 4

That code did not work unfortunately... 😞 

ZenoPageBuilder
Shopify Partner
1052 203 221

This is an accepted solution.

Hello @David_SHT 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

@media screen and (max-width: 749px) {
    #Banner-template--21269278884125__52da4c41-003a-4ee2-b4f3-df248932bb3b .banner__content {
        min-height: 55rem !important;
    }
}

The result

Screenshot 2023-10-16 at 08.38.42.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com