COLOR OF MENU ITEMS
JOLY FLORENCE
Hello,
I tried to find the solution in the forum whitout success.... I have a menu with black text that turns blue and is underlined in blue when clicked and hover and I'd like to keep the same colours with the sticky menu (the texts becomes white when scrolling even though the background is white) I tried this but is doesn't works : .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #00000;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: black;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {color: blue;}
Thank you !
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue? I need to check.
-Regards.
JOLY FLORENCE
Accepted AnswerHi, Thnak you for your answer, finally I switched to shaper-Helixultimate, easier to customize. What I liked in the other template was the underline on hover menu item. Can you give me the code to have the same effect ? Many thanks !
Mehtaz Afsana Borsha
Accepted AnswerSchwyzer
Accepted AnswerHi, try this code..in template - custom.css
.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before { content: ""; position: absolute; left: 15px; bottom: 25px; width: 0; height: 2px; background-color: #000000; transition: 0.3s; } .sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li:focus > a:before, .sp-megamenu-parent > li:hover > span:before, .sp-megamenu-parent > li:focus > span:before { width: 25px; } .sp-megamenu-parent > li.active > a:before { width: 45px; }