Jump to content

[SOLVED] Blocktopmenu - Hover problem


Recommended Posts

hello

 

i checked your website, inspected whole menu and.... you have to change css styles, you need to define this:

.sf-menu li:hover {
visibility: inherit;
background: #F4F4F4;
border-bottom: 1px solid #F4F4F4;
-moz-box-shadow: 0px 1px 2px #B0B8BB;
-webkit-box-shadow: 0px 1px 2px #B0B8BB;
-o-box-shadow: 0px 1px 2px #B0B8BB;
-ms-box-shadow: 0px 1px 2px #B0B8BB;
box-shadow: 0px 1px 2px #B0B8BB;
color: #da3838;
}

+ add new:

.sf-menu li:hover a {
color: #da3838;
}

effect:

gffwmKx.png

Link to comment
Share on other sites

hello

 

i checked your website, inspected whole menu and.... you have to change css styles, you need to define this:

.sf-menu li:hover {
visibility: inherit;
background: #F4F4F4;
border-bottom: 1px solid #F4F4F4;
-moz-box-shadow: 0px 1px 2px #B0B8BB;
-webkit-box-shadow: 0px 1px 2px #B0B8BB;
-o-box-shadow: 0px 1px 2px #B0B8BB;
-ms-box-shadow: 0px 1px 2px #B0B8BB;
box-shadow: 0px 1px 2px #B0B8BB;
color: #da3838;
}

+ add new:

.sf-menu li:hover a {
color: #da3838;
}

effect:

gffwmKx.png

Ok, thanks a lot - just did it without the:

.sf-menu li:hover a {
color: #da3838;
}

You can mark it as solved!

Link to comment
Share on other sites

×
×
  • Create New...