Primary Menu Area Question

[shaneketterman]

I had a quick question regarding the primary menu area of Agile.

1. How can I remove that little bar from showing up under the primary menu items when I hover over them?

2. I wonder if there is a way to have the primary menu items be a google font and also remove italics?

Thanks!

[Nexus]

1. Edit the main.js file in the {theme folder} / js / main.js . Go to line 560 and remove the code from line 560 to 566

 list_element.not(".hover-bg").hover(function () {
            move(this);
        }, noop);

$(this).hover(noop, function () {
    move(current);
});

2. For removing italics pls put the following code into custom css in theme options

#primary-menu > ul.menu > li > a {
font-style: normal;
font-family: helvetica;
}

And right now we are using google fonts for primary menu.

[kwasilow]

This reply has been marked as private.

[Veena]

Pls use the below custom CSS in themeoptions –

#primary-menu .hover-bg {
border-color: transparent;
}
#primary-menu > ul.menu > li:hover > ul.sub-menu {
border-color: transparent;
}

[kwasilow]

Perfect!! That worked 🙂

[Author]

Posts