3 replies · opened Sep 5, 2018
Hi, when I try and use the submenu with a style-2 main menu, the hover over links on the submenu appear to stop working when the submenu scrolls hard up against the top main menu. Its as though the submenu links are being blocked by a thin band under the main menu (difference between full height main menu and auto sized reduced height main menu). Any advice on how to get around this would be greatly appreciated? https://staging.cullencrc.org.uk/about
Hello,
We have checked out your Website and the code causing the Issue on your Menu is the following:
- [Support Us](support-us.html)Since you are using a Button inside the Menu, the Menu Item <a> is getting larger in Height due to Top/Bottom Padding. To fix this, consider adding the .button-in-menu Class to the <li> Tag which has the Menu and then use the following CSS Code:
#primary-menu ul li.button-in-menu > a {
padding-top: 30px;
padding-bottom: 30px;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.button-in-menu > a {
padding-top: 5px;
padding-bottom: 5px;
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much for your help. I should have known it would have been something I had done, though just couldn't see the wood for the trees. Your fix works perfectly. I have to complement you on your product and support. Outstanding! Thank you very much - you've saved me a lot of time.
Hello,
Really Glad that your issues were resolved.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard