Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2016 at 1:36 pm #687927
    morten008

    Hi Enfold support-team,

    First of all, I am very satisfied with the theme options and your general support.

    After several hours trying fix the hover effect to my menu I have now come to realise that you probably is my final option for a solution.

    The case:

    I have made the menu items in two lines, one is red and the other is grey. Together the two lines form each link.
    I have figured out how to make each line in the links the same white color when active, but I can’t seem to find a way to do it when hovering the links.

    Line nr. two (The grey link) is hovering correct when moving thje mouse over the link tabel, but I can only make the line above hover when moving the mouse over the line, not the whole link tabel. The thing I’m searching for, is to make both lines hover to white when moving the mouse over the link (the tabel which the link is inside).

    I hope you guys are able to help.

    September 20, 2016 at 2:51 pm #689272
    Yigit

    Hey morten008,

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

    #top #header .av-main-nav > li:hover > a .menu-top-adjust {
    color: black;
}

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

    Best regards,
    Yigit

    September 20, 2016 at 6:48 pm #689477
    morten008

    You are the best. Thank you so much. Is there any way to display the menu probably on mobile/in the Hamburger menu?

    The two lines are superimposed on each other. Is there a way to have the links in two lines like on laptop version?

    September 20, 2016 at 7:57 pm #689497
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #mobile-advanced span.menu-break,#mobile-advanced span.menu-top-adjust {
    bottom: 0;
}

    Cheers!
    Yigit

    September 20, 2016 at 9:14 pm #689529
    morten008

    Thank you. All the links works great except for the last one named “KONTAKT” – the one without two lines. The text “KONTAKT” does not turn white when hover or active. Is there a way to fix that?

    Also, I seem to have a problem with the grid row on my tablet in portrait mode (The 5 cells in green and blue colors displayed under the header image). Is there a way to display each cell in full width on tablet 768 width / portrait view?

    September 20, 2016 at 9:23 pm #689541
    morten008

    I mean, instead of displaying each cell beside each other on tablet portrait view, then display each cell in full width after each other?

    September 20, 2016 at 9:31 pm #689550
    morten008

    Hi agian,

    I seem to have fixed the grid row problem. Now the only problem that remains is this one:

    The link with the text “KONTAKT” does not turn white when hover or active. Is there a way to fix that?

    September 21, 2016 at 2:30 pm #689827
    Yigit

    Hi,

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

    li#menu-item-1049:hover a .avia-menu-text span {
    color: white!important;
}

    Best regards,
    Yigit

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