Archived topic

Main Menu vertical separators between the menu items

3 replies · Started by kernfunke on August 30, 2022

Viewing posts 1–4 of 4

August 30, 2022 at 7:39 am #2328336

Hi there,
here's the css code for the vertical separator lines between the menu items in the main menu. It generally creates a vertical line after each menu item (on the right side). But after the last menu item, which is "KONTAKT", I don't want this line to appear. How can I fix this?

August 30, 2022 at 7:52 am #2328505

Hi there,

change your CSS to this:

.main-nav > ul.menu > li.menu-item:not(:last-child) > a::after {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #DEC095;
    z-index: 9999;
}

August 30, 2022 at 9:58 am #2328607

Hi David,
excellent! It worked! Thanks a lot!

August 31, 2022 at 1:08 am #2329096

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.