How to change mobile bottom padding in image banner section

[YIVAN]

Hello,

Is there a way for me to change the bottom padding of the image banner section for mobile? It is a little too big for my liking.

URL: https://www.yivan.us/

Thank you in advance.

[BSSCommerce-B2B · Accepted solution]

Hi @YIVAN ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

@media screen and (max-width: 749px) {
.banner__box.content-container:has(.banner__buttons) {
    padding-bottom: 0 !important;
}
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you