[robertl]

Hi Support,

I’m needing some help on some custom css (preferably). This my site: http://tuanzbuild.tuanz.org.nz (still a work in progress). Where the black colour is showing in the main nav menu, I want to be able to preferably make it clear/or transparent. And make only the horizontal outlining of nav menu visiable (black).

I am wanting a main nav menu like our client’s old site here: http://tuanz.org.nz/ where JUST the horizontal outlining of the navigation menu is visable

Could someone assist me with this please?

[Mahesh]

@robertl: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.nav-primary {
    background-color: transparent;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.catchresponsive-nav-menu .current-menu-item > a, .catchresponsive-nav-menu .current-menu-ancestor > a, .catchresponsive-nav-menu .current_page_item > a, .catchresponsive-nav-menu .current_page_ancestor > a {
    background-color: transparent;
}

.catchresponsive-nav-menu li:hover>a {
	background-color: transparent;
}

Regards,
Mahesh

[robertl]

Thanks for that Mahesh,

Looks like it made all the text transparent as well. Could you code it to make all the text visible in black?

Cheers,
Rob

[robertl]

Please ignore that, I figured it out. Thanks again Mahesh 🙂

[Author]

Posts