Secondary Menu Top Bar Conflict

Hi there,

After you add the top bar, try add this CSS:

.header-wrap {
    display: flex;
    flex-direction: column;
}
.top-bar {
    order:-1;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Didn't work.
I am using the top bar via block element.

Try to set the priority to 3 for the top bar block element.

If it doesn't work, could you activate the block element so I can take a look at the live code?

It works. And I last request. I am using a flexbox Structure. Is there any way I can float the email address part to the right side from secondary menu?

Hi there,

And I last request. I am using a flexbox Structure. Is there any way I can float the email address part to the right side from secondary menu?

Try adding this CSS:

.secondary-navigation .main-nav, .secondary-navigation .main-nav > ul {
    width: 100%;
    justify-content: space-between;
}

All done.
Thanks :)

No problem. :D