Navigation
Archive / Customize menu li with images sliding in on :hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 19, 2016 at 2:16 am #1297840
    Pbalazs89
    Participant

    Hi there,

    A friend of mine would like to have this on his site, and I’m not sure whether it is possible.

    Basically, whenever someone does :hover on one of the nav menu items, he would like the ‘li’ to slide up, and have a special logo appear in its place (different image for each menu item). Is this supported, or is there a plugin which can achieve this effect?

    Thanks!

    December 19, 2016 at 2:28 am #1297842
    Paul R
    Moderator

    Hi,

    Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

    December 21, 2016 at 7:19 am #1300481
    Pbalazs89
    Participant

    Hi there,

    I managed to do most of the work on my own. Just 1 quick css related question that I can’t seem to work out.

    The animation is fine when hovering, but I would like the images to stick if the page becomes active. I tried :active for the menu items, but the background images do not seem to stick there.

    Any ideas?

    Thanks!

    December 21, 2016 at 7:22 am #1300484
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1297840 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>