-
AuthorPosts
-
October 4, 2018 at 4:48 pm #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
October 5, 2018 at 12:04 am #1018049Hey 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 ShannonOctober 5, 2018 at 10:52 am #1018228Hello 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
October 5, 2018 at 5:46 pm #1018325Hi,
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 ShannonOctober 8, 2018 at 4:32 pm #1019044This reply has been marked as private.October 8, 2018 at 6:08 pm #1019071Hi,
Add this to quick css:
.menu.av-main-nav{ height:48px!important; line-height:48px!important; } .logo{ height:118px!important; }
Best regards,
Jordan ShannonOctober 9, 2018 at 4:23 pm #1019536This reply has been marked as private.October 9, 2018 at 5:41 pm #1019573Hi 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,
VictoriaOctober 10, 2018 at 4:49 pm #1020005This reply has been marked as private.October 10, 2018 at 5:00 pm #1020014Hi,
You want the border to have a different color? What should it be?
Best regards,
Jordan ShannonOctober 12, 2018 at 6:06 pm #1020783This reply has been marked as private.October 12, 2018 at 6:08 pm #1020785Hi,
So just adjust what I gave you to this:
li.menu-item:hover{
border:1px solid #381E66!important;
}Best regards,
Jordan ShannonOctober 12, 2018 at 6:30 pm #1020792This reply has been marked as private.October 12, 2018 at 10:27 pm #1020873Hi,
I’m seeing a different color on the sticky header:
Let me know if I’m misunderstanding.
Best regards,
Jordan ShannonOctober 15, 2018 at 7:12 pm #1021726This reply has been marked as private.October 16, 2018 at 5:40 am #1021967Hi 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,
RikardOctober 16, 2018 at 10:11 am #1022076This reply has been marked as private.October 16, 2018 at 7:16 pm #1022339Hi,
Best regards,
Victoria -
AuthorPosts
- The topic ‘Mouseover effect on navigation menu’ is closed to new replies.