Support » Fixing WordPress » Responsive nav menu isn't showing up

  • Resolved johnnygjr

    (@johnnygjr)


    So here’s my under construction blog:

    http://www.ourfreakingbudget.com

    For the most part, the entire site’s responsiveness is working really good, but for whatever reason, the main nav menu has disappeared. Before I made any changes/tweaks to the theme, it would show up as a small icon in the upper right corner. And now for the life of me, I can’t figure out how to bring it back. I thought it might be a z-index thing or something, but that hasn’t done the trick.

    Any geniuses out there that can help a brother out?

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I don’t see the HTML for your responsive navigation menu. Is there separate HTML for it, or is the default navigation supposed to be responsive at smaller screens?

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    Have your tried the author yet?

    Emil

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    In:

    (max-width: 480px)

    you have:

    display: none;

    that’s the reason why menu does not show, however there’s reason why not and that because standard menu will become toggled via JS and that does not show because of this JS error:

    Uncaught ReferenceError: jQuery is not defined

    Alright, so it should be toggled with jQuery.

    Here’s the code in that jQuery file:

    /////////////////////////////////////////////
    	// Toggle menu on mobile
    	/////////////////////////////////////////////
    	$('#main-nav-wrap').prepend('<div id="menu-icon" class="mobile-button"></div>');
    
    	$("#menu-icon").click(function(){
    		$("#header #main-nav").fadeToggle();
    		$("#header #searchform").hide();
    		$(this).toggleClass("active");
    	});

    I’m really out of my element around jQuery. Anyone with jQuery knowledge see anything wrong that would be returning that error?

    Could I just override the jQuery toggling by changing the “display: none;” to something else?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try using this on your webpage;

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    I can’t see jQuery, maybe that’s why

    Ahh!! That did it Andrew.

    Would you recommend pulling that .js file down and uploading it to my directory? Or will it load efficiently from googleapis?

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    that should be good

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Thanks Emil.

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    for what? I just noted few things you did the rest 😉

    Emil

    Thumbs up. Thanks a lot for all your help, guys.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Responsive nav menu isn't showing up’ is closed to new replies.