Remove/adjust white space between header and content on Turbo theme

[JaySway]

Hi, 

I'm using the Turbo theme (4.1.3), and I'd like to know how to adjust, or completely get rid of the white space just below the menu/navigation bar, and above the page content on all pages. This looks especially bad on mobile. Please see the 2 attached screenshots where I have indicated the said white space in red markings.

Also, I'm using the theme's 'search block' section on the homepage. How do I adjust the height of the banner image of this section on mobile ONLY? It looks fine on desktop, but on mobile, the banner image is rather tall (even taller than the hero slider above it).

I would appreciate any help with this. Thanks!

[ahsaniub123]

hi JaySway,

would you please share your store link so in can check?

- Feel free to contact me on ahsan.iub123@gmail.com regarding any help
Shopify Expert | Skype: ahsaniub123 | Whatsapp : +92 3012 104 116

[JaySway]

@ahsaniub123  Sure. https://route-119-online.myshopify.com/

Thanks.

[ahsaniub123]

Hi again, 

login into your Shopify admin dashboard and navigate to Online Store > Themes > Actions > Edit Code

Search for the file smk-sections.css and open it

In this file add at the very bottom the below lines of code 

.smk-sections-above-content {
    margin-bottom: 0 !important;
}

[JaySway]

Hi @ahsaniub123, 

Thanks for the assistance, however I'm afraid the proposed solution did not work (entirely). Here's what happened: After adding the code, I noticed the decreased space, however (1) it pushed some hero banners/images UP and BEHIND the header (thus, obscuring some of the content), and (2) some of the hero banners/images remained with the white space above, untouched. These issues I noticed on both desktop and mobile. Got any ideas about rectifying this? I appreciate your help.