How To Remove White Space Below Navigation

brandpanelmedia
Excursionist
15 0 3

Good Afternoon,

I hope you have been well today and having a good day thus far!

I would be grateful if there was anyone who could help us with a solution to remove the white space below the navigation on our clients' website. You can notice it on the desktop version, however, on the phone version, the gap is quite big.

We have inspected the site, and reduced the padding elements on both the desktop and mobile, but cannot seem to find the code on either the timber.css, theme.sccs, or header.liquid files, to amend it here to take effect on the live site.

The website is www.glassimages.co.uk

We would be grateful if anyone could help us find the right theme code to amend.

Kindest Regards,

Michelle 

Replies 3 (3)
Kinjaldavra
Shopify Partner
2302 569 1405

hello @brandpanelmedia 


Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here. and also share screenshot to which section do you want to remove the gap

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
diego_ezfy
Shopify Partner
2725 511 690

@brandpanelmedia,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media (max-width: 425px){
    [id] .main-content{
margin-top: 0 !important;
    
}
}
</style>




Please let me know whether it works.

Kind regards,
Diego

LitExtension
Shopify Partner
3758 744 785

Hi @brandpanelmedia,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media screen and (max-width: 768px){
.main-content {
margin-top: 70px!important;
}
}

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!