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

Solved
Janamir
Pathfinder
166 0 57

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

 

0 Likes

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
Ollie
Shopify Staff
Shopify Staff
264 38 46

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

0 Likes
Janamir
Pathfinder
166 0 57

thanks, that worked

0 Likes