Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 6, 2016 at 1:59 pm #708847
    kmac

    Hi

    I made custom css changes to the main menu so that on hover the text would diappear to display a background image – which works great :

    #avia-menu .menu-item:nth-child(1):hover { background: url (xxxxxmenu_bg 1.jpg); }
    #avia-menu .menu-item:nth-child(2):hover { background: url (xxxxxmenu_bg_2.jpg)); }
    #avia-menu .menu-item:nth-child(3):hover { background: url (xxxxxmenu_bg_3.jpg)); }
    #top #header .av-main-nav > li:hover > a:hover { color:rgba(0,0,0,0) }

    My problem is that when a submenu is hovered, the main menu text re-appears & I just can’t seem to find a way around this. Hopefully there is a solution?

    November 6, 2016 at 6:50 pm #708920
    Nikko

    Hey kmac,

    Try to replace this code:

    #top #header .av-main-nav > li:hover > a:hover { color:rgba(0,0,0,0) }

    To this:

    #top #header .av-main-nav > li:hover > a {
    color: rgba(0,0,0,0);
}

    Hope this helps :)

    Best regards,
    Nikko

    November 6, 2016 at 7:22 pm #708927
    Basilis

    Hey kmac!

    You need to add to the rules where you added a background image, also a
    content:””;

    to make it work properly, so it does not load the text at all.
    Let us know if any question

    Regards,
    Basilis

    November 6, 2016 at 8:17 pm #708944
    kmac

    Hey Nikko – Thanks!! Of course! That did the trick.

    Cheers & have a great Sunday.

    November 6, 2016 at 8:30 pm #708947
    Nikko

    Hi kmac ,

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

    Best regards,
    Nikko

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