Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 10, 2013 at 12:47 pm #186574
    tpagency

    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 ago by tpagency.
    November 12, 2013 at 2:21 pm #187238
    Dude

    Hey 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!
    Peter

    November 12, 2013 at 4:08 pm #187316
    tpagency

    Hi 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 #187359
    fjrichart

    I’ve got exactly the same problem.

    November 13, 2013 at 1:46 am #187584
    TheProductionHouseEvents

    I 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 #188168
    Devin

    Hey!

    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,
    Devin

    November 14, 2013 at 10:51 am #188287
    tpagency

    Hi 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 #189206
    Devin

    Can 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 #189613
    tpagency

    Hi Devin, the dev link is here > http://217.199.187.60/hhl.org.uk/

    November 18, 2013 at 8:19 pm #190280
    Devin

    It 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 #190396
    TheProductionHouseEvents

    This worked for me!

    November 19, 2013 at 4:25 pm #190633
    Devin

    Great! Glad we could help :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Child Theme Mega-Menu Mobile Menu Bug’ is closed to new replies.