[Resolved] Align secondary nav merged with top nav after switch to flexbox structure

Home Forums Support [Resolved] Align secondary nav merged with top nav after switch to flexbox structure

Home Forums Support Align secondary nav merged with top nav after switch to flexbox structure

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1560913
    Giselle

    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

    #1561666
    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

    #1561688
    Leo
    Staff
    Customer Support

    Hi there,

    So you are happy with the current layout?

    If so I don’t see a problem with it πŸ™‚

    #1561711
    Giselle

    Hi Leo,

    All OK!

    Thanks πŸ™‚

    #1561818
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.