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
9207 1564 1929

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 3 (3)
oscprofessional
Shopify Partner
9207 1564 1929

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Ollie
Shopify Staff
422 47 73

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