How to change mobile bottom padding in image banner section

Solved

How to change mobile bottom padding in image banner section

YIVAN
Explorer
51 1 16

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.

Screen Shot 2024-06-18 at 12.53.08 PM.png

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

 

Thank you in advance.

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an 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: 

 

BSSCommerceB2B_2-1718734034840.png

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 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an 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: 

 

BSSCommerceB2B_2-1718734034840.png

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 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency