Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1017962

    Hello,

    I’m trying to replicate the same kind of mouseover effect on menu items found on this website https://shinefacilityservices.com/
    Is anybody able to help me out? I’m guessing it was done with custom CSS.

    Thanks in advance,

    Luca

    #1018049

    Hey 77AgencyIt,

    This should be possible. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1018228

    Hello Jordan,

    Unfortunately I cannot share the link to my website atm since it’s only running on my local. I don’t need it to be identical to the reference, I just wish to have a cell appear at mousever and when an item is active, basically. I’ve tried by using the advanced styling tab but couldn’t quite achieve that result.

    Thanks again and best,

    Luca

    #1018325

    Hi,

    I understand. We would want to see your exact class though so we can give accurate css. Although you can try the following that hopefully works:

    li.menu-item:hover{
    border:1px solid #fff!important;
    }

    Best regards,
    Jordan Shannon

    #1019044
    This reply has been marked as private.
    #1019071

    Hi,

    Add this to quick css:

    .menu.av-main-nav{
    height:48px!important;
    line-height:48px!important;
    }
    
    .logo{
    height:118px!important;
    }

    Best regards,
    Jordan Shannon

    #1019536
    This reply has been marked as private.
    #1019573

    Hi Luca,

    There is no such a container in the structure of our menu to that we can give the border like that. It’s either very big li element, or the span that is just around the text. So it might not really.

    Best regards,
    Victoria

    #1020005
    This reply has been marked as private.
    #1020014

    Hi,

    You want the border to have a different color? What should it be?

    Best regards,
    Jordan Shannon

    #1020783
    This reply has been marked as private.
    #1020785

    Hi,

    So just adjust what I gave you to this:

    li.menu-item:hover{
    border:1px solid #381E66!important;
    }

    Best regards,
    Jordan Shannon

    #1020792
    This reply has been marked as private.
    #1020873

    Hi,

    I’m seeing a different color on the sticky header:

    https://snag.gy/miKELU.jpg

    Let me know if I’m misunderstanding.

    Best regards,
    Jordan Shannon

    #1021726
    This reply has been marked as private.
    #1021967

    Hi Luca,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1022076
    This reply has been marked as private.
    #1022339

    Hi,

    Best regards,
    Victoria

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Mouseover effect on navigation menu’ is closed to new replies.