How do I make the banner heading space padding smaller on the Crave theme?

Store Design
, ,
1

Hi! I am designing my store using the Crave theme (version 10.0) and I have added a slide show. On the mobile version of the site, there’s a lot of unused space where the heading for each slide uses and I wanted to make it smaller/thighter. How can I change the padding?

Captura de tela 2023-06-29 083554.png
Captura de tela 2023-06-29 083554.png409×684 191 KB

2

@deadbears

Please share your store URL!

Thanks!

3

Sorry, the store is https://www.deadbears.com.br

4

@deadbears

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 749px) {
.banner__box {padding: 2rem 2rem !important;}
}

Thanks!

5

That was perfect, thank you very much for your solution and rapid response!

1 Like
6

@deadbears

If helpful then please Like solution Weclome again Thanks!