-
AuthorPosts
-
November 10, 2013 at 12:47 pm #186574
I’ve set up a child theme with enfold. The child theme has no modifications applied to the parent theme at all.
The main navigation menu has a mixture of drop-down menus and mega-menus. But when the mega-menu is viewed as a drop-down menu (on mobile) the main parent nav items are greyed out. This is only on the child theme, once you switch back to the main theme they are all selectable.
Any ideas?
- This topic was modified 11 years, 1 month ago by tpagency.
November 12, 2013 at 2:21 pm #187238Hey tpagency!
Please make sure that you assigned the menus to the right theme locations (Appearance > Menus). WordPress resets the menu location setting when you switch the theme.
Cheers!
PeterNovember 12, 2013 at 4:08 pm #187316Hi Dude, thanks for you reply. Yep, the menus are all in the correct place. The problem is the main parent item (in a mega menu) becomes a title when switched down to mobile. At desktop size it’s fine. The image above shows the slightly lighter grey titles (which are the main mega-menu parent pages).
November 12, 2013 at 5:14 pm #187359I’ve got exactly the same problem.
November 13, 2013 at 1:46 am #187584I have this problem too, on ipad. Second level menu items are unclickable, where as first level and third level menu items are clickable. Help!
November 14, 2013 at 3:19 am #188168Hey!
This is how the mega menu translates by design as far as I know. The same thing happens on the demo site. The second level menu items are designated as headers so they don’t translate to true menu items.
Best regards,
DevinNovember 14, 2013 at 10:51 am #188287Hi Devin, thanks for your reply. The demo site is using the slide-out menu (selected under Responsive Header Main Menu). Which works as it should, but the issue is when the drop-down menu is selected.
November 15, 2013 at 3:34 pm #189206Can we see your site live? Both menu options are not actual versions of your menu but complete re-builds of them after being parsed by the theme code.
November 16, 2013 at 5:17 pm #189613Hi Devin, the dev link is here > http://217.199.187.60/hhl.org.uk/
November 18, 2013 at 8:19 pm #190280It looks like you are using column headers as menu items which is why your mobile menu is formatting like that.
You can have a blank column title by using a dash – in place of text and then your menu items for that column would be below that.
November 19, 2013 at 1:11 am #190396This worked for me!
November 19, 2013 at 4:25 pm #190633Great! Glad we could help :)
-
AuthorPosts
- The topic ‘Child Theme Mega-Menu Mobile Menu Bug’ is closed to new replies.