Mobile menu not working?

  • Resolved Peter Smith

    (@shmooth)


    1 year, 9 months ago

    When I look at my menu in mobile, the links in the menu just don’t work — it’s pretty trippy — tho, I guess I don’t know how hamburger menus work, generally.

    Maybe it uses some type of javascript that is conflicting with something else on the page? But, there are no javascript console errors, and the demo mobile menu does not work, either.

    Thanks for ideas.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @shmooth,

    Thank you for using Raft.

    I tested it and the hamburger menu works correctly for me, including the links from the menu items to specific sections of the page via anchors. The only weird behavior I observed is that the hamburger menu doesn’t automatically close after tapping on a menu item that scrolls to a section under the same page. This I can register as an enhancement and will do it.

    In case the menu items don’t work at all for your website on mobile devices, not even when choosing a different page from the menu, you can try to exclude plugin conflicts with these troubleshooting steps. However, I see all the current menu items on your website point to the home page, so users have to manually close the hamburger menu after choosing a section.

    Regards,
    Stefan

    Thread Starter Peter Smith

    (@shmooth)

    Thanks for checking it out, Stefan, and for looking into an enhancement — i verified what you did — my site only uses a single-page design, so the links are only #links.

    I think i found a workaround for now — use a full URL with query string and the relative named reference ID link you want, like this:

    https://beltlinequiz.com/?#quizzes

    There might be other/simpler methods, but this seems to work – tho it does cause a page reload.

    Hi @shmooth,

    I tried to replicate this issue but it doesn’t happen for me.

    If I use href and on mobile I’m scrolled down to the container with correct #ID without page refreshing. If you set full URL then it makes sense that the page refreshes but you need to set it only as #quizzes like this:
    https://vertis.d.pr/i/EGd6Ek

    Hey,

    Just to add a bit here, it’s an issue with WordPress and it should be fixed with the upcoming version of WordPress (or if you’re using Gutenberg plugin): https://github.com/WordPress/gutenberg/issues/45608

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile menu not working?’ is closed to new replies.