Reduce White Space between Image and Text

Store Design
1

Hi, I would like to reduce the white space between the image banner and text for mobile view for this page:

https://8c7ef3-0e.myshopify.com/pages/about-us

SNSBooks_0-1723783202199.png
SNSBooks_0-1723783202199.png378×583 80.5 KB

Can anyone help. please? Thanks.

2

Hello @SNSBooks ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1:empty {
    display: none;
}

Thanks

1 Like
3

Hi @SNSBooks

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1723783886507.png
BSSCommerceHDL_0-1723783886507.png410×657 100 KB

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 :heart_eyes:

1 Like
4

It worked, thanks a lot Guleria!

By the way, could be able to assist in this issue as well https://community.shopify.com/c/shopify-design/publisher-theme-featured-collection-images-getting-bigger-once/td-p/2713973?

Thanks!

5

No clue without checking the code.
You need to hire a developer to check it or have to wait for a partner reply who faced this issue before.

1 Like
6

Thanks, @BSSCommerce-HDL .

Can you have a look on another issue that I encounter?

The enquiry link that I posted earlier as below:

https://community.shopify.com/c/shopify-design/publisher-theme-featured-collection-images-getting-bigger-once/td-p/2713973?

Thanks!