Hi All:
I am having an issue with hover over on Header Menu item. It looks like two consecutive item touches each other when I do hover over between two consecutive menu item, if one is selected. So I want to minimize the with of the underline when hover over. Please help.
Hi,
Please provide a link to your site and an example of such items so we can inspect the issue and figure out if it;s a theme bug or something else and provide the proper fix for it.
Thank you!
Thanks for reply.
Here is the web link: http://www.usbdvision.net
Screenshot what is the issue: http://screencast.com/t/2VRhOT1w7H
Also Please give me CSS class names with Details if you have any doc.
Hi,
This is the theme design. It was created that way. If you want to have a gap, you can use this css:
.sf-menu > li > a:after{
width:95%!important;
}
You can add the code in the theme panel ->custom css box
Thank you!
Hi Bogdan B.
I really appreciate you help. It solved my problem partially. I want the underline should be same size as of the MENU content. Now right side is ok. But on the left it looks bigger underline. Please can you help me to fix it.
Thanks
Hi,
Well I see you changed the header style so there is no more underline. If you reduce the size of the underline it will no longer be as wide as the menu content. Please let us know if you still require this and change the header style back so I can provide the proper code.
Thank you!
Hi Bogdan B.
I need the code that I asked to change underline. I want underline size should be same of that particular MENU item upon hover over the item.
Thanks
Hi
Try this css : http://screencast.com/t/ICgYROW6AiBX
.sf-menu li{
margin-left: 2px;
margin-right: 2px;
}
Let us know how it goes.
Thanks!
Dear Andrei L
Thanks for reply and it works for me. This issue is solved.
Awesome !
