Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Uplift › Mega Menu issue
New Landing › How can we help? › Themeforest Theme Support › Uplift › Mega Menu issue
- This topic has 28 replies, 3 voices, and was last updated 6 years by Swift Ideas – Ed.
-
Posted in: Uplift
-
May 16, 2017 at 2:55 am #324712
Please add this CSS:
#mega-menu-wrap-split_nav_left #mega-menu-split_nav_left > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-split_nav_right #mega-menu-split_nav_right > li.mega-menu-item > a.mega-menu-link { height: 100%; line-height: inherit; vertical-align: top; }
We’ll add that to the next update.
– Ed
May 23, 2017 at 3:57 pm #325686Thanks Ed!
So this is the only CSS I’ll need to add to my live site to have the mega menu works?
You didn’t do anything else before, right?May 23, 2017 at 5:40 pm #325703The rest we updated your theme build – which is also included in the next update.
Thanks,
– Ed
May 27, 2017 at 2:35 pm #326237Hi Ed,
Can you please advise when the next build is going out?
I would like to updated my live site too, but until the new update I can’t because the menu would be a mess…May 28, 2017 at 8:10 pm #326246May 29, 2017 at 12:51 pm #326300This reply has been marked as private.May 30, 2017 at 12:03 am #326372May 30, 2017 at 1:09 am #326376Ok so looks like all that was needed was to save the Max Mega Menu Settings in Appearance > Menus again – that sorted the styling. The only thing that seems different now is in the mega menu, the top items aren’t headings anymore, whereas they were before. This doesn’t show on the frontend, so not something the theme styling is doing wrong – has anything been changed on the backend?
– Ed
May 30, 2017 at 11:07 am #326419Hi Ed, thanks for fixing it with that simple save.
In regards to the headings, nothing has been changed (apart from updating the theme / plugins).
Would you have any recommendation how to have the top items headings again and remove that hover – bold effect (ex. on the PRODUCT item) that is not even a link.May 30, 2017 at 5:24 pm #326486I was able to adjust the styling for “PRODUCTS” and “YOU” but not the other 3, as they appear to have links applied to them?
– Ed
June 1, 2017 at 12:47 pm #326689This reply has been marked as private.June 2, 2017 at 5:48 pm #326801They will match if you remove the links from the menu item in the backend.
You can remove those lines with this CSS:
#header li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link { border-top-width: 0; }
Thanks,
– Ed
June 4, 2017 at 7:15 am #326825This reply has been marked as private.June 5, 2017 at 3:16 pm #326940I’m not sure if it’s something that changed with the Max Mega Menu plugin, or the changes we needed to make to ensure 100% compatibility with the plugin, but we’ve added some CSS for you to make those appear the same. The CSS is:
li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:not([href]), li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, li.mega-menu-megamenu > ul.mega-sub-menu > section.container > li.mega-menu-item > a.mega-menu-link{ color: #555; font-family: inherit; font-size: 16px; text-transform: uppercase; text-decoration: none; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; vertical-align: top; display: block; border-top: 0px solid #555; border-left: 0px solid #555; border-right: 0px solid #555; border-bottom: 0px solid #555; padding-top: 10px; }
Not sure why, but in the mega menu settings for “WOMEN”, you had it set to align – right. Changed that back to default for you and that sorted it.
– Ed
-
Posted in: Uplift
You must be logged in to reply to this topic.