wordpress - CSS not working on Chrome but works on Firefox and IE -
this wordpress website. can see child menu item under me menu item. firefox , ie following css chrome don't follow. have cleared cache , history on browsers.
@media screen , (min-width: 600px) { .main-navigation li ul li a:hover { background: #efefef !important; color: #7b0309 !important; } }
i tried removing @media etc. still not working.
i searched , tried find solutions. failed. if can me, please so.
this happening because have background set background: #efefef;
in .main-navigation li ul li a
class add:
background: -webkit-linear-gradient(#f7eabf, #936d28, #f7eabf, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
and text should display parent text. adding above cause grey(ish) colour appear because of this:
.main-navigation li ul li a:hover { background: #efefef !important; color: #7b0309 !important; }
Comments
Post a Comment