Archived topic

Conditional menu alignment

3 replies · Started by Andrew on July 11, 2022

Viewing posts 1–4 of 4

July 11, 2022 at 4:35 am #2279255

I am using the "conditional menu" plugin, to show different menus on different sections of our website (see examples in links)

All works fine expect I cannot seem to align the text of the conditional menu to the right of the navigation bar - I've tried using the setting with the primary nav and heading areas, but nothing seems to move it.

Any ideas how I could align the conditional menu to the right?

July 11, 2022 at 4:48 am #2279272

Hi there,

your site has some custom CSS applied to the Primary navigation, part of which controls its alignment ie.

#menu-main-menu {
    display: flex;
    width: 100%;
    margin-left: auto;
    justify-content: flex-end;
}

But its being applied to the menus unique ID #menu-main-menu which changes with the conditional menu.
Change that CSS to this, so it targets the generic CSS Classes instead:

.main-nav > .menu {
    display: flex;
    width: 100%;
    margin-left: auto;
    justify-content: flex-end;
}

July 11, 2022 at 6:52 am #2279385

Thanks David!

July 11, 2022 at 7:26 am #2279414

You're welcome

This archived topic is closed to new replies.

Start building better websites today.