[Support request] Main Menu vertical separators between the menu items

Home Forums Support [Support request] Main Menu vertical separators between the menu items

Home Forums Support Main Menu vertical separators between the menu items

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2328336
    kernfunke

    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?

    BEFORE: HOME | PRODUKTE | ÜBER UNS | KONTAKT | Search Icon
    AFTER: HOME | PRODUKTE | ÜBER UNS | KONTAKT Search Icon

    #2328505
    David
    Staff
    Customer Support

    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;
    }
    #2328607
    kernfunke

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

    #2329096
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.