Header menu vertical lines

  • Resolved playbox

    (@playbox)


    8 years, 8 months ago

    Hi,
    Is it possible to set up vertical lines between menu items in header, like in footer menu. I tried with this code:
    .main-navigation ul li {
    border-right: 1px solid #000;
    }
    .main-navigation ul li:last-of-type {
    border-right: none;
    }
    .main-navigation ul ul li {
    border-right: none;
    }
    ,but it is not like in footer menu.
    Thanks.

Viewing 1 replies (of 1 total)
  • Theme Author oceanwp

    (@oceanwp)

    8 years, 8 months ago

    Hello, I answered to your Facebook post 🙂
    Try this code:

    #site-navigation-wrap .dropdown-menu > li:first-child { border-left: 0; }

#site-navigation-wrap .dropdown-menu > li { border-left: 1px solid #000; }
Viewing 1 replies (of 1 total)

The topic ‘Header menu vertical lines’ is closed to new replies.