how to split a menu

[Paddymaster]

hello guys,

currently i develop the site “www.lan-maniac.com”.

There is one mainmenu. The system is joomla.

I want that the menu is verticle in the middle and on the left side.
But the last point “Mein Account” should be on the right side.

How is that possible?

Lg

Paddy

[Beverleyh]

Not sure what you mean. Maybe mock up an image of what you’re trying to achieve?

Also, try showing us the problem, and what you’ve tried to fix it, in a reduced CodePen demo. Note that we only need to see basic layout formatting for the menu in this case – just enough HTML and CSS to show us what’s wrong.

Unfortunately the prospect of poking about in the dev console and a whole codebase will put folks off.

[Paddymaster]

I can’t do a codepen demo, because i don’t know how i can do my idea.

I want to split the menu like in this codepen demo –> “https://codepen.io/matthewhirsch/pen/GjAQRm?q=splitted+menu&limit=all&type=type-pens”

With 2 divs its possible. But i’ve one menu in “joomla” with one div. How can i push over the “Mein Account” point on the right side of the menu?

info: http://www.Lan-Maniac.com

[Paulie_D]

Flexbox can do that:

https://codepen.io/Paulie-D/pen/YYvJoj

[Paulie_D]

Alternatively, remove the float:left from the .t3-navbar so the main menu takes the full width of the page then float the last li to the right.

https://codepen.io/Paulie-D/pen/LerXPQ

[Paddymaster]

Thk you very much for explaining; it works

[Author]

Posts