Menu button does not work at Mobile view

  • Hi

    FIrstly this is great theme! Thanks for developing this. This is very helpful!

    This theme is responsive so when I see this in mobile view or narrow width browser “Menu” button appears and I can click.
    But when I clicked menu button nothing will be happend.

    Is there anyway to solve this problem?

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

  • Can you provide a link to your site? Doing so will allow me to look at the code and make troubleshooting easier. Thanks!

    Andrew

    Thread Starter takemasa

    (@takemasa)

    Thans for the reply!
    Here’s the link to my site.

    https://mensen.asia

    ajcwebcreations

    (@ajcwebcreations)

    I installed the exact same theme and I noticed clicking the button on the theme without any changes adds the “toggled-on” class to the <h3> element. Clicking the button on your site does not add this class. Did you change anything recently in regard to any JavaScript. Firebug is telling me there are no scripts on this page. This may be why it doesn’t work, there is nothing to handle the event. It’s a thought and maybe something to look into. Or if there is a function somewhere handling this click event to toggle the menu. Let me know if you this helps or if you have any questions. I’ll keep researching.

    Andrew

    Thread Starter takemasa

    (@takemasa)

    Hi Andrew,

    I have not changed any kind of javascript file.
    When I checked the site below, I see what you said about “toggled-on” class.
    https://www.designpromote.co.uk/wp2012/restaurant/
    This site is working and has different versions of Javascript file.
    I am not sure that is the reason or not.

    I tried to change the html source code in Chrome developer console like below then

    <ul id=”menu-main” class=”nav-menu”>
    to
    <ul id=”menu-main” class=”nav-menu toggled-on”>

    the menu item came out. As you said this is because javascript problem but I could not find the way to fix it so far.

    Thread Starter takemasa

    (@takemasa)

    Hi Andrew,

    I just solved this problem.

    This is caused by the modification change of “twentytwelve” theme.
    The “menu” button was defined as H3 in old theme and I am using new one on wordpress 4.0.
    They changed H3 to button tag in new theme so javascript can not find the elements.

    How I solve is change the H3 tag in header.php in restaurant theme to button tag.

    Thank you so much for giving me the trigger to the solution!

    Takemasa

    ajcwebcreations

    (@ajcwebcreations)

    I was actually just getting ready to write back I was showing “toggled-on” in an <h3> tag on your site, but that would make sense. That’s great you figured it out, glad I could help! Take care!

    Andrew

    Hello Takemasa,

    Thanks for describing your solution. I have the same issue with the menu button. I’ll give your solution a try.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu button does not work at Mobile view’ is closed to new replies.