I need help with my mobile menu in WordPress site, as you can see in this print screen: https://monosnap.com/file/2tp8pIR2f2zql8hr6MT0IPKQvt1MTG menu doesn´t show after scrolling in mobile.
It can be checked here https://unmaze.io
Can anyone help? Thanks
Related
I am trying to resize the logo on my site when viewed on a mobile phone but no code seems to work. I have asked the theme developer and he is no help. Can anyone help with this?
I am using the Generate Press premium theme My issue is simple but not able to troubleshoot yet. Top navigation on the header of the website is not visible when it collapses to the mobile view.
https://www.wowkitchenplace.in/
images
http://prtsc.ca/i/5wveSi ,
http://prtsc.ca/i/5wv0H2
I have no idea how to solve it. Please help me!
Thank You
Isn't there a hamburger icon (3 horizontal stripes) in your mobile view? I can see it when I minimize the page.
I inherited a website with some new business. The menu works fine on the desktop when viewed at full screen. When the browser is sized down and the navigation links are placed into the hamburger menu, it doesn't work. I'm not sure why it isn't working.
If you inspect the element, the links are there, but the nav bar doesn't expand at all. It's using foundation for the menu. I've read the documentation and I'm still not sure why it isn't working. Any guidance is appreciated.
Here's a link to the site: JordanPlumbing.com
Replace this code in lnm-scripts.min.js
jQuery(function(){if(location.hash!=""){window.location=location.hash.replace("#!","");}
jQuery(document).foundation();jQuery("#preloader").css("width",jQuery(window).width());jQuery("#preloader").css("height",jQuery(document).height());jQuery(".ajax-link").on("click",function(){jQuery(".ajax-link").removeClass("ajax-active");jQuery(this).addClass("ajax-active");});jQuery("ul.children").parent().addClass("page_parent"); jQuery(".slick-background-slider .slick-slide").css("min-width",jQuery(window).width());jQuery("#scrolltoform").click(function(){if(jQuery("#contactForm").length>0){jQuery('html, body').animate({scrollTop:jQuery("#contactForm").offset().top},2000);return false;}else{return true;}});});jQuery(window).load(function(){if(jQuery("#click-on-load").length>0){jQuery("#click-on-load").click();}
jQuery(".color-picker").on("click",function(){jQuery(".color-picker").toggleClass("translate");});});jQuery(window).on("resize load",function(){ if(jQuery(window).width()<=1500){var ratio=2560/1440;jQuery(".slick-desktop").css("min-height",jQuery(window).height());jQuery(".slick-desktop").css("min-width",jQuery(window).height()*ratio);jQuery(".slick-desktop").css("left",-((jQuery(".slick-desktop").width()-jQuery(".slick-background-slider .slick-slide").width())/2));jQuery(".slick-desktop").css("position","relative");}
else{jQuery(".slick-desktop").css("min-height","auto");jQuery(".slick-desktop").css("min-width","100%");jQuery(".slick-desktop").css("left","0");}
if(jQuery(".slider-wrapper").width()>jQuery(window).width()){var overflow=(jQuery(".slider-wrapper").width()-jQuery(window).width());var fixPositioning=overflow/2;jQuery(".slider-wrapper").css("left",-fixPositioning);}});jQuery(window).scroll(function(){jQuery("[class*='animate-from-'").each(function(){var theTop=jQuery(window).scrollTop()+(jQuery(window).height()-(jQuery(window).height()/4));var thisTop=jQuery(this).offset().top;if(theTop-250>thisTop){jQuery(this).delay(500).addClass("complete");}});});
After integrating a CSS/xHTML theme into wordpress, the bootstrap responsive menu no longer opens submenus when viewed on a mobile browser: http://d.pr/i/HrBg
Wordpress Theme (submenu not working): http://gtglobalcorp.com
Original CSS/xHTML (submenu working): http://ev.to/coded
Do you happen to know why?
In the mobile menu, all your href attributes are hashtags.
What we have here is either a loop that isn't outputting the right markup or a Wordpress Mobile menu that's different from the Wordpress Default menu.
Without knowing the architecture of the theme, this problem can not be diagnosed further.
I have a navigation menu issue that I can't figure out for the life of me, but basically my responsive menu doesn't respond in order to reveal the li's underneath it. The site is healyourselfnecklaces.com and the menu switches at 600px
Any help you can give me, including how you found the issue, would be greatly appreciated.
I believe you issue is that there is no JavaScript added to the menu button to toggle (show/hide) your menu when you are in a mobile view.