Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 6, 2017 at 11:41 pm #756648
    Mike61

    Hi Team,
    when I open an Submenu with hover and go with the cursor to the first point of the submenu,
    the first menu-level loose the “hover” and the background-color go back to “normal” instead “hover” or
    “active”. What can I do, that the first menu-level background-color status is “hover” or “active” so long
    the submenu is shown?

    Thank you and best regards
    Mike

    March 7, 2017 at 7:40 am #756809
    Vinay

    Hey Mike61,

    As I understand you like “Allresist” to maintain the highlight when it’s submenu “Firmengeschichte” or other submenus is hovered on correct?

    In the page option of Firmengeschichte page please select “Allresist” as the parent page. It will automatically highlight :)

    If that does not work please feel free to get back to us.

    Best regards,
    Vinay

    March 7, 2017 at 10:42 am #756875
    Mike61

    Hey Vinay,

    you are right but “Firmengeschichte” is and was an childpage of “Allresist” and nothing is happens automatically :(
    Maybe you can tell me the class for this state (e.g. have childs an is open hover…), what I can use in css?

    Thank you and best regards
    Mike

    March 9, 2017 at 11:15 am #758292
    Mike61

    Hi Vinay,
    it does not work and I feel free to get back to you – but no answer?!

    Best regards
    Mike

    March 13, 2017 at 4:07 pm #760056
    Victoria

    Hi Mike61,

    You can add background color to this css rule:

    
.html_header_top.html_bottom_nav_header #top .main_menu ul:first-child>li:hover {
    z-index: 1000;
    position: relative;
    background-color: #f0f9ff;
}

    Let me know if this was helpful.
    Best regards,
    Victoria

    March 13, 2017 at 5:08 pm #760099
    Mike61

    Hi Victoria,
    thank you but this help nothing. When the first menu level loose focus
    (no more hover), the color is still not the same like the aktive submenu.

    Best regards
    Mike

    March 13, 2017 at 10:01 pm #760277
    Yigit

    Hi,

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

    .main_menu ul:first-child > li.menu-item-has-children:hover a {
    background: #f0f9ff;
}

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

    Best regards,
    Yigit

    March 13, 2017 at 10:18 pm #760287
    Mike61

    Hi Yigit,

    thats it! Great, thank you!

    Best regards
    Mike

    March 13, 2017 at 11:51 pm #760336
    Yigit

    Hi,

    Not at all! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Head Navigation hover’ is closed to new replies.