Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 2, 2015 at 12:59 pm #512741
    frukts

    How to hide active menu indicator on home page and that it only appears when i move mouse over, but for all other pages that it shows active current menu indicator?

    there are screenshots from your demo site, to understand what i mean:
    http://s11.postimg.org/61qze4xab/scr1.jpg
    http://s24.postimg.org/jn9bo7dx1/scr2.jpg
    http://s30.postimg.org/xuytqdckx/scr3.jpg

    October 2, 2015 at 1:01 pm #512744
    Yigit

    Hey frukts!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .home .current-menu-item > a > .avia-menu-fx { display: none !important; }

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

    If that does not help, please post the link to your website.

    Regards,
    Yigit

    October 2, 2015 at 1:15 pm #512759
    frukts

    now it’s removed completely this line under home page and when i scroll over it didn’t show up, for all other pages it shows.
    Please see enfold default demo Home v11: Transparent menu
    I need that the line appears under ‘Home’ when i scroll over.

    October 2, 2015 at 1:23 pm #512766
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .home .current-menu-item:hover > a > .avia-menu-fx { display: block !important; }

    Regards,
    Yigit

    October 2, 2015 at 1:28 pm #512773
    frukts

    thanks for fast replay, this code is not working, now it shows like by default without code

    October 2, 2015 at 1:33 pm #512777
    Yigit

    Hey!

    Can you please post the link to your website?

    Regards,
    Yigit

    October 2, 2015 at 1:36 pm #512784
    frukts

    I’m now testing on localhost before tacke action to live site, if you have some idea how to do it please let me know, but for now then better that is stay like it is..

    October 3, 2015 at 7:23 am #513099
    Ismael

    Hey!

    Try to replace the css modifications with this:

    .home .current_page_item a .avia-menu-fx {
    display: none !important;
}

.home .current_page_item:hover a .avia-menu-fx {
    display: block !important;
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    October 3, 2015 at 11:02 am #513126
    frukts

    Hey Ismael, thank you that worked! :)
    you can close this topic

    October 5, 2015 at 5:42 am #513472
    Ismael

    Hi!

    Great! Glad we could help. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘remove active menu indicator on home page’ is closed to new replies.