Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2016 at 2:39 pm #678147
    mgyura

    Hello,
    Do you have an overall guide to styling various aspects of the dropdown? I’d like to change the second level text color and hover color (that dropdown). I also have one or two drop down items in which the drop down itself is not left aligned as the other items are (I’ll post privately below – when you hover over “give”). Please advise.
    Thanks.

    **Addition – I am also looking for a way to have specific styles for the current top nav item – for example, if user is on a sub-sub-page I want the top item in the navigation to be selected to show the section they are in. Hope that makes sense! Want to be able to change text color and background color.

    • This topic was modified 8 years, 3 months ago by mgyura. Reason: added info about current section being highlighted
    August 31, 2016 at 6:13 am #679813
    Ismael

    Hey mgyura!

    Thank you for using Enfold.

    I’m sorry but we don’t have a styling guide for the mega menu container. Could you please provide a screenshot of the changes that you want to make? For the active parent menu, you can use this:

    .current_page_parent.current_page_ancestor a, .current_page_parent.current_page_ancestor a span {
    background: blue;
    color: red;
}

    Best regards,
    Ismael

    August 31, 2016 at 3:09 pm #680010
    mgyura

    Thanks, I got this working on my main landing pages, but I need it to also work on the second and third tier child pages.
    For instance:

    August 31, 2016 at 3:30 pm #680020
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-main-nav > li.current-page-ancestor > a {
    background-color: #FDF9F2;
    color: #790304 !important;
}
#top #header .avia_mega_div > .sub-menu > li.current-page-ancestor .mega_menu_title a {
    color: red!important;
}
#top #header .avia_mega_div > .sub-menu > li > ul li.current-menu-item a .avia-menu-text {
    color: red;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    September 1, 2016 at 7:45 pm #680928
    mgyura

    Thank you! That did it!

    September 1, 2016 at 8:54 pm #680965
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mega Menu text color and spacing’ is closed to new replies.