Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1039079

    Hi All!

    I would like to decrease the vertical spacing between the submenu item and the main menu. Have searched the knowledgebase and also inspected the code and am not sure how to do this. What do you suggest? See private content for link to example.

    Thanks!

    Valerie

    #1039083

    Hey Valerie,

    Add this to quick css:

    .sub-menu{
    margin-top:-40px!important;
    }

    Best regards,
    Jordan Shannon

    #1039113

    Perfect! Thanks, Jordan. Also….what is the code for no border and no shadow behind the submenu?

    #1039123

    Hi,

    Great! I’m glad that first bit worked. Add the following as well:

    .header-scrolled .sub-menu{
    margin-top:-20px!important;
    }
    
    .sub-menu{
    box-shadow:none!important;
    }
    
    .sub-menu a{
    border:none!important;
    }

    Best regards,
    Jordan Shannon

    #1039201

    Thank you, Jordan! Works great!

    #1039206

    Another formatting question for the submenu items…I would prefer no background color and to have the font change to bold on hover. Can that happen?

    #1039233

    Hi,

    Add this to quick css:

    .sub-menu a:hover{
    font-weight:bold!important;
    }

    Best regards,
    Jordan Shannon

    #1039470

    Thank you, Jordan!

    #1039684

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Main Menu: Submenu vertical spacing’ is closed to new replies.