Primary Menu Area Question

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5717

    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!

    #5729
    NexusNexus
    Moderator

    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.

    #12545
    Kwasilowkwasilow
    Member
    This reply has been marked as private.
    #12550
    VeenaVeena
    Moderator

    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;
    }
    
    #12569
    Kwasilowkwasilow
    Member

    Perfect!! That worked 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Primary Menu Area Question’ is closed to new replies.