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

[Moeed]

Hey @Explore-Sherpa

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

Hello @Explore-Sherpa

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 375px) { .best-sellers-section .title { margin: unset !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

• Here is the solution for you @Explore-Sherpa
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

@media screen and (max-width: 667px) {
    .best-sellers-section .title {
        margin: 0 !important;
    }
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.