Palido Posted September 16, 2013 Share Posted September 16, 2013 Hi, when i hover over subcategories the parent category ist not hovered anymore. How and where can i change,that the parent category stays hovered when my mouse is on a subcategory? In the image I am in the category "Joy". Link to comment Share on other sites More sharing options...
vekia Posted September 16, 2013 Share Posted September 16, 2013 it's hard to say what's going on without an access to website, so if it is possible - please share url to your store it will be really hhelpful in this case best regards Link to comment Share on other sites More sharing options...
Palido Posted September 16, 2013 Author Share Posted September 16, 2013 it's hard to say what's going on without an access to website, so if it is possible - please share url to your store it will be really hhelpful in this case best regards Here is the URL: http://www.palido.com/palidoshop/index.php best regards Link to comment Share on other sites More sharing options...
vekia Posted September 16, 2013 Share Posted September 16, 2013 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: Link to comment Share on other sites More sharing options...
Palido Posted September 17, 2013 Author Share Posted September 17, 2013 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: 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 More sharing options...
vekia Posted September 17, 2013 Share Posted September 17, 2013 glad to hear that i could help you a little here im going to mark this topic as solved exactly as you suggested best regards Link to comment Share on other sites More sharing options...
Recommended Posts