Docs

[simonpurdon]

Hi,

I am having trouble customizing the menu elements on my page: http://www.tandemequity.co.za

I want the grey background to be the same height on both sides of the menu.
I also want to make the line which appears under the menu items when hovered to be removed.
Also, is there a way to have a ‘|’ between the menu items?

Thanks,
Simon

[Thai]

Hi Simon,

Please add the following CSS:

.x-navbar .desktop .x-nav > li > a {
    padding-top: 14px;
    border-right: 2px solid hsl(0,0%,53%);
}
.x-navbar .desktop .x-nav > li:last-child > a {
    border-right: none;
}
.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}

Hope it helps 🙂

[Author]

Posts