I need to remove the added space on hover in the header. Please help.

Solved
Janamir
Trailblazer
173 0 58

I need to remove the added space on hover in the header. Please help asap.

https://5w4y8vjhonl60d8r-49295786151.shopifypreview.com/pages/loyalty-1

onhover.png

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9158 1560 1922

This is an accepted solution.

@Janamir ,

.site-header:hover {
    margin: 0;
}


Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 3 (3)
oscprofessional
Shopify Partner
9158 1560 1922

This is an accepted solution.

@Janamir ,

.site-header:hover {
    margin: 0;
}


Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Ollie
Shopify Staff
400 47 72

Hey @Janamir.

Thanks for reaching out.

Could you let us know which theme you are using for your online store? As this context will determine the next best steps to remove the added white space to the header. If you are unsure about which theme that is live on the store, you can navigate to the Theme Editor and select the three dots located towards the top left of the page. I took a screenshot of my test store to show you the section I am referring to:

20-34-37909-63484

Looking forward to your response.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Janamir
Trailblazer
173 0 58