Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 15, 2015 at 1:09 am #428574
    sundara88

    Hi,
    Because I increased the height of my header to 170px to fit the logo in, the submenu buttons also were 170px high. I fixed this by adding: #top .main_menu .menu .sub-menu li>a {height: 50px !important;}

    But after doing this, I noticed that the text is no longer inside the buttons. How can I move the text back into the buttons? And also, if I move the menu up a bit by adding: #top .main_menu .menu .sub-menu li>a {position:relative; top:-40px; }
    the hover doesn’t line up properly and the submenu gets bigger…

    Thank you,
    Lisa

    April 15, 2015 at 8:28 pm #429206
    Elliott

    Hey sundara88!

    There is an option for changing the header height in Dashboard > Enfold > Header > Header Size. No custom CSS is necessary.

    Regards,
    Elliott

    April 16, 2015 at 3:14 am #429323
    sundara88

    Hi Elliott,

    That’s not the problem. I’ve changed my header height in Enfold>Header>Header Size to 170px, which also made each button of the dropdown menu that height, which looked weird. So I’ve changed the submenu height with css:
    #top .main_menu .menu .sub-menu li>a {height: 50px !important;}
    And after doing this, I noticed that the text is no longer inside the buttons. How can I move the text back into the buttons? And also, if I move the menu up a bit by adding: #top .main_menu .menu .sub-menu li>a {position:relative; top:-40px; }

    Please have a look at my site and you’ll see what I mean…
    Thank you,
    Lisa

    April 17, 2015 at 4:04 am #430063
    Rikard

    Hi!

    I’m guessing by buttons you mean the dropdown menus? It’s the only thing I could find which was obviously wrong with your page.

    Cheers!
    Rikard

    April 17, 2015 at 8:02 am #430140
    sundara88

    Yes, the text is not inside the button (dropdown menu) How do I keep the text inside the button???
    Thanks,

    April 19, 2015 at 12:19 pm #430874
    Andy

    Hey!

    try to control it with this code:

    #top .av-main-nav ul a {
line-height: 20px !important;
}

    and adjust as needed.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.