Reducing padding between button blocks

Site URL: http://gershleroi.com

I am trying to reduce the padding between 3 buttons on my site but I'm not sure how to do it. Does anyone know what code I need to use? Any help would be great!

Thanks

Your site is private. Can you setup password & share url again? We can check easier

Hi, I actually managed to find what I needed, but i'm having a different issue with the size of my header on the mobile version of the site now. Could you help with this instead? I've created the password

the sire URL: https://www.gershleroi.com/

3 hours ago, Gersh said:

Hi, I actually managed to find what I needed, but i'm having a different issue with the size of my header on the mobile version of the site now. Could you help with this instead? I've created the password

the sire URL: https://www.gershleroi.com/

You mean align left logo, or reduce banner text size or?

And what is site access password?

Hi, the banner text size is what I need to reduce. the password is GERSHLEROI2022

14 hours ago, Gersh said:

Hi, the banner text size is what I need to reduce. the password is GERSHLEROI2022

Add to Design > Custom CSS

/* home text size mobile */
@media screen and (max-width:767px) {
div#block-0db272ac19452d833304 h1 {
    font-size: 30px;
}
}

Thank you so much, it works perfectly now! I'm having a similar problem with the gallery carousel on the same page, it doesn't reduce its size on mobile either, will this work for that as well?

On 1/13/2022 at 6:24 PM, Gersh said:

Thank you so much, it works perfectly now! I'm having a similar problem with the gallery carousel on the same page, it doesn't reduce its size on mobile either, will this work for that as well?

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.gallery-reel {
    height: 35vh !important;
}
}

Thank you for the help !