Reduce White Space between Image and Text

[SNSBooks]

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

Can anyone help. please? Thanks.

[Guleria · Accepted solution]

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

[SNSBooks]

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-bi...

Thanks!

[Guleria]

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.   

[BSSCommerce-HDL]

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 </head> tag:

<style>
 @media screen and (max-width: 750px) {
    .slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }
  } 
</style>

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 😍

[SNSBooks]

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-bi... 

Thanks!