X-Theme: How to add dividers or headlines to vertical menu?

[ULinn]

Hello!

I’d like to give a vertical menu a certain structure with dividers or headlines (no links) between certain menu items. Is there any was to do this?

It should look like this:

HOME
PRODUCTS
– line –
CONTACT
IMPRINT
– headline (no link) –
LOGIN
BLA

Best regards

Uli

[Joao]

Hi There,

Please provide your URL so we can take a provide a tailored solution.

Thanks!

[ULinn]

I’ll send you the url via scret note.
Uli

[paul.r]

Hi Uli,

You can add a class to your menu item then use it to add a border.

eg. Go to Appearance > Menu and enable classes

Then add a class to your menu item.

After that, use that class to add border bottom.

Add this in Theme Options > CSS

.add-line {
    border-bottom:1px solid #000;
}

Do the same for adding your headline. Add another unique class to a menu item.

eg. Add my-headline class

Then add this code

.my-headline a:after{

    display: block;
    content: "My Headline";
    text-align: center;
    font-size:30px;
}

Hope that helps.

[ULinn]

Great support, works perfect. Thank you!

[jade]

You’re welcome!