Archived topic

Navigation positioning

5 replies · Started by Helen on November 5, 2019

Viewing posts 1–6 of 6

November 5, 2019 at 2:40 am #1053643

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

November 5, 2019 at 4:27 am #1053707

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;
}

November 5, 2019 at 4:35 am #1053713

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

November 5, 2019 at 7:01 pm #1054387

Hi there,

Give this a shot:

.site-logo {
    float: left;
}

Let me know :)

November 6, 2019 at 2:15 am #1054585

Thanks Tom, that worked 😊

November 6, 2019 at 8:42 am #1055018

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.