How can I decrease my image banner height on mobile view?

Store Design
1

Hi,

I would like to reduce the height of my image banner on mobile view by around 20% without affecting the desktop view. Here is my store link: https://h3q4wdnwjy6pxgdy-71289930044.shopifypreview.com

Thanks.

2

Hi @StarMintz

You can do that by adding this code to Custom CSS code of your banner section

@media (max-width: 767px) {
.banner__content {
    height: 40rem; 
}
}
1 Like
3

that’s great thanks.

Do you know how to move this button down?

StarMintz_0-1700641495031.png
StarMintz_0-1700641495031.png796×371 134 KB

4

Hi @StarMintz

Please update code to this

@media (max-width: 767px) {
.banner__content {
    height: 40rem; 
}
.banner__box { padding-bottom: 12px; }
}