Archived topic
Align secondary nav merged with top nav after switch to flexbox structure
4 replies · Started by Giselle on December 1, 2020
Hi,
I merged my secondary nav with the top nav, still using the float structure. I then floated my secondary nav right so that it would go to next to and to the left of my social media icons (in a Top Bar widget).
After I switched to the flexbox structure, I'm having trouble getting the menu to align next to the icons.
The reason I did this was because I need a dropdown for this menu.
Is there some CSS or a better way to do this?
Site URL below.
Thanks for your help.
Giselle
Hi,
An update: I've resolved the problem using the following CSS:
.main-nav {
width: 84%;
justify-content: flex-end;
display: flex;
}
But would still like to check if there's a better solution!
Thanks,
Giselle
Hi there,
So you are happy with the current layout?
If so I don't see a problem with it :)
Hi Leo,
All OK!
Thanks :-)
No problem :)
