2 replies · opened Apr 4, 2023
I need help decreasing the size of my Mega Menu. Let's say it's currently at 90%. I would like to bring this down to 75%. I've tried adding the mega-menu-small class, but it didn't change anything.
Also, I'm trying to change the text color on mega menu items when there's a hover. I'd either like to make the text darker or the hover color darker.
Thanks!
Hello,
Apologies for the Delays in replying to your Support Query! We had completely missed your Support Ticket as one of our Support Team marked the Ticket for Older Canvas Versions, so we really apologize for the Inconveniences caused.
Your Ticket is being attended to by one of Our Support Executives and will be replied to shortly within the next 2-3 hours. Thanks for your Super Kind Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
Thanks for your Patience!
Consider using the following CSS Code:
[ch_pre type="css"]@media (min-width: 992px) {
#primary-menu ul li.mega-menu-small .mega-menu-content {
max-width: 100%;
width: 800px;
}
}[/ch_pre]
Consider using the following CSS Code based on your current styles:
[ch_pre type="css"].dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a {
background-color: rgba(0,0,0,0.05);
color: #555 !important;
}[/ch_pre]
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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