[Resolved] Navigation positioning

[Helen]

Hi

I have set my desktop menu to float right, with a button above it in the header widget and the site logo on the left. However, there’s a bit of extra space between header widget button and the menu, which I can’t reduce. Can you help me fix this?

Best wishes,
Helen

[David]

Hi there,

the header widget has some CSS to pull the widget upward 10px. You can remove it with this CSS:

.nav-float-right .header-widget {
    top: 0;
}

[Helen]

Hi David

Thanks for getting back to me. I’ve added the css and this seems to have actually added a bit of padding above the donate button. I basically want to reduce the gap between the bottom of the donate button and the top of the main menu on desktop.

Thanks
Helen

[Tom]

Hi there,

Give this a shot:

.site-logo {
    float: left;
}

Let me know 🙂

[Helen]

Thanks Tom, that worked 😊

[Tom]

You’re welcome 🙂

[Author]

Posts