How can I eliminate the white space above my navigation bar?

How can I eliminate the white space above my navigation bar?

Lainie6
Visitor
2 0 2

There is white space above Nav Bar on this page.  Any idea how I can remove?

 

https://norwegian-wool.com/pages/our-story

Replies 4 (4)

Ecommpremium
Shopify Partner
512 43 95

please go theme customizer and disable announcement bar in header on home page section.

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website

made4Uo
Shopify Partner
3873 718 1221

Hi @Lainie6 

 

It seems like the responsible element is the Sign up that you have on. Even we fix the desktop. It does create a problem on mobile too. I would suggest to contact the app provider you have for the Sign up

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

StoreWatchers
Trailblazer
205 30 39

Hi, @Lainie6 

 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

1. Go to online store > theme > edit code > assets > styles.scss.css(file) and Paste the below code at the bottom of the file -> Save

 

body {
    margin-top: -71px !important;
}

 

 

After applying the above CSS code , it will show like the following screenshot:

Screenshot_4.png

 

 

 

 

 

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Lainie6
Visitor
2 0 2

The problem is it's only happening in safari - so if you put that code, then you can't see nav bar or top of page in chrome.  is there a way to edit your code to apply to safari only?