Remove White Space Above Scroll Arrows

[Explore-Sherpa]

I am trying to remove the white space circled in red in the screenshot for two separate pages as the large gap looks very awkward on mobile. I only want this to change on the mobile version if possible as it looks fine on desktop. Any advice or custom CSS would be greatly appreciated.

I am using an influence theme.

Links: 

https://www.exploresherpa.com/pages/cannabinoids-and-you

https://www.exploresherpa.com/pages/our-process

[eComGuru24]

Dear Sherpa, 

I checked your URLs given.

You don't need a CSS to remove that space. 

Just click on the section responsible for the "Our Best Sellers". At the bottom of this section, there would be setting available to reduce the "bottom Padding & Top Padding". 

If this doesn't work, try the following Custom CSS in that section 

[Explore-Sherpa]

You did not provide any Custom CSS to try.

[Made4uo-Ribe]

Hi @Explore-Sherpa 

You have this code that making theme separate, if you can find the code and change it. The file is in the asset folder and it named "custom.pages.home.min.css" and find the code below. 

Change into liek this. 

Or if not try this code if it work. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (max-width: 475px) { 
.slider-section-heading .nav-wrapper {
        justify-content: end !important;
    }
}
</style>

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!