Mobile toggle nav not working

  • Resolved fiddleandspoon

    (@fiddleandspoon)


    9 years, 8 months ago

    Hi Anthony,

    Absolutely brilliant starter theme, thank you so much!

    I don’t seem to be able to get the mobile menu working for some reason — I’ve uncommented the relevant lines in functions.php as mentioned in the docs and don’t have any plugins installed that could be causing conflicts. Any ideas? I’m probably missing something obvious!

    Link to site: https://april.fiddleandspoon.com/

    Cheers!
    J

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter fiddleandspoon

    (@fiddleandspoon)

    Hey dudes!

    Any movement on this one? I’ve given it a few cracks over the past week or so and still can’t figure out why it’s not working!

    Thanks x

    Theme Author Anthony Hortin

    (@ahortin)

    Apologies for the delay in getting to have a look at this.

    It looks like you’ve tweaked the header section. The JavaScript that activates the mobile menu is looking for certain ID’s and Classes and since you’ve moved things around, it can’t find what it’s looking for.

    At the top of the js/small-menu.js file in your theme folder, you’ll see the following line

    var $masthead = $( '#masthead' ),

    Try changing this to

    var $masthead = $( '.nav-bar' ),

    Hopefully that should now point the JavaScript to the correct location to find the menu that it needs to turn on and off.

    Thread Starter fiddleandspoon

    (@fiddleandspoon)

    That’s awesome, thanks so much for getting back to me!!

    I’ve tried changing the above as suggested, but still no dice unfortunately. It’s given me a new spot to look though, which is great! I’ve tried restoring the entire header file to default and it’s still not happening, so I have a sneaking suspicion I’ve messed with something elsewhere, too…

    Theme Author Anthony Hortin

    (@ahortin)

    I just tried your site then and it looks like the menu is actually working. The menu simply changes to a button once the browser width gets below 520px wide. You can change this size if need be, in that same JavaScript file.

    Thread Starter fiddleandspoon

    (@fiddleandspoon)

    Oh it is too! I must be having a long day.

    Thank you so much for all your help!! Have an awesome rest of the week.

    Theme Author Anthony Hortin

    (@ahortin)

    Ha. My pleasure. Glad we got it sorted in the end ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile toggle nav not working’ is closed to new replies.