stylizing the one page navigation

[mikedubs]

hi ed,

got the one page navigation working, love it! but can the style be changed via a customization request to you or to a developer i work with? i love this one page side navigation style in this sample here:

http://www.instabrandlabs.com

clean & simple with no border around the nag nor a tooltip background around the nag item name.

much thanks!!

mike

[Tahir – SUPPORT]

Hi,
Yes it can be easily done with css , just have to hide the styles that you dont want from the
#one-page-nav li .tooltip and #one-page-nav classes.

Hope this helps.
Thanks
Tahir

[mikedubs]

how do i hide them? #one-page-navli. tooltip (display: none) same for nav classes? i’m not well versed in code 🙂

[Swift Ideas – Ed]

Hi there,

Try the following custom css:

#one-page-nav {
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#one-page-nav .tooltip {
background: transparent!important;
}

Hope that helps.

– Ed

[mikedubs]

perfect…thanks ed!

[Swift Ideas – Ed]

Anytime 🙂

– Ed

[psoares]

Hi,
I have a question around this subject.
How can i make the li.selected a move along with the selection through CSS!?
Can’t find how! it’s possible for u to help me on that!?

Thanks!

[Mohammad – SUPPORT]

@psoares –
Please put given below code to Admin -> Theme Options -> General Options -> Custom JS

<script>
jQuery( document ).ready(function() {

jQuery('ul#menu-main li a').click(function(e) {
console.log('a');
jQuery('ul#menu-main li a').attr( "style", "" );
jQuery(this).css({"color": "#07C1B6","font-weight" :"bold" });
});

});
</script>

Thanks 🙂
With Best Regards
Swift Ideas