Navigation seperator

Hi! :slight_smile:

i got a question about the inline navigation. this thing is really powerfull but, atm, i did not see if i can make a menu like this:

Impressum | Datenschutzerklärung | Login | Datenschutzerklärung | Login

i need a line as a seperator for the menu items. this navigation is for the footer menu…
is this possible?

thanks in advance for your help!

cherrs

Hey Harald,

Regretfully, that is correct. For now, please follow the suggestion in the video below.

Hope that helps.

hey christian,

thanks fpr the video, but if i understand this correct, it will also put the seperators in all menus right?
but i just want it in the footer menu.

or i am wrong?

thanks

Hi Harald,

Yes, it will add the separator in all inline menus. For that, you can use CSS similar to this

$el .x-menu-inline > .menu-item:after {
content: "*";
line-height:3;
}
$el .x-menu-inline > .menu-item:last-child:after {
content: "";
}

And add it to your footer bar’s Element CSS.

Thanks!

1 Like

hi rad!

this worked! many many thanks!

cheers

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.