Remove vertical dividers in navigation menu

[AAOM]

Hello,

I am having some trouble figuring out how to edit the style of the navigation menu in the Akita theme.

Could I ask for your assistance?

I have been unable to make a css style change that removes the vertical divider lines between the menu links.

My site is:
http://WWW.AAOM.MB.CA

Thanks
Rick

Topic

[Jason Bobich]

Hi,

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

When you inspect those top-level list items, notice that there is a background image applied that applies that divider. So, settings background-image: none there should do the trick.

.style_light #primary-menu > li, 
.style_light #access .access-inner {
    background-image: none;
}

[Author]

Replies