Site logo

Archived topic

Move first item of secondary nav to opposing side

5 replies · Started by Alexander on November 22, 2020

Viewing posts 1–6 of 6

Hello team!

I have a secondary navigation above the header and the items are positioned on the right side.
The first menu item would need to be positioned to the left side like in the example shown here:

https://i.stack.imgur.com/D3Vnv.png
(Full post at: https://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties/33856609#33856609))

I tried this out by adding:

#menu-item-1053 {
	margin-right: auto;
}

However it does not seem to work and my flexbox knowledge is failing me.
Any tips would be greatly appreciated!

Thank you,
Alexander

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Seems i forgot to tick the email-notification checkbox. Site details attached.

Your CSS was close.

Just need to add this:

.secondary-navigation .inside-navigation .main-nav {
    flex: 1;
}

That worked like a charm!

Thank you very much.

No problem :)

This archived topic is closed to new replies.