wordpress Mobile Menu not hidden after click [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I made a one-page design with some links.
When I browse the site on my smartphone, open the main menu with the button and click on a link (which scrolls to the same page), the mobile menu isn’t hidden but placed on the right site of the content.
this is link http://www.sarahspancakecafe.com.sg/
How to fix that?
Cheers

Try this
$(document).ready(function(){
$('.menu-item-object-custom a').click(function(){
$('.navbar-header button').click();
});
});
I tried it on your site and it seemed to work well.

Related

How do I create a side menu navigation bar that opens items to the right [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am trying to copy a website for practice(new to html, css, and javascript) So I created a navigation bar on the left(like on the link provided for the food items) and when you click on it, it is supposed to pop up the items they have to the right of the navigation bar. I am not sure what that is called and how to do that. Is there a tutorial that you guys know that teaches me how to do that. I only found things like drop down menu, etc. Here is the website I am trying to copy
http://order.carsidetogo.com/menu/applebees-fairfax
They are called tabs, they can be horizental(top/bottom) or vertical(left/right), you can take a look at this w3schools tutorial http://www.w3schools.com/howto/howto_js_tabs.asp .

Off canvas scrolling issue with IE [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am working with a Joomla 3 website and experiencing some issues with the scrolling functionality of an off-canvas sidebar.
It works fine in Chrome and FF, however in IE the visible scroll bar won't scroll when you try move it by clicking your pointer and dragging. It works if you scroll with the mouse wheel, but not the cursor.
The website can be seen here. It's the slide in menu to the right.
Is it a css or javascript issue?
I have contacted the developers of the template and I'm awaiting a response. Just wondering if anybody else can shed some light as to why it won't work?
Any help is appreciated.
As mentioned here in stefan.s answer, all you have to do is add -ms-overflow-style: scrollbar; to the html element.

Navbar Links Not Working [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have been experiencing a strange glitch where my navbar, when clicked does not take the user anywhere despite there being a valid tag.
My site is located at http://www.tsawebmaster1.hhstsa.com/rising/.
This is completely blocking all your scroll anchors, and not only those that have href value set to a hash:
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
Remove the scroll class from them (or modify the code above) and they will work normally.

Push menu with scroll [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am using a push menu on a website. Here is the test link: http://web553.login-15.loginserver.ch/
But the menu shows only the points, that are in the visible area. The site has more navigation items, that would need to be scrolled. But those points are not displayed. How can I make them visible? I believe it some kind of CSS issue.
overflow: hidden is applied to div.panel.
Chrome Dev Tools style view
MDN article on overflow property.

Desktop menu hides when link is clicked [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am working on a site http://www.kaniamea.com/resource/
For obvious SEO reasons I am using one html code for both navigation - mobile and desktop. The problem is when you see the site in desktop and you click on one of the left hand navigation links. Then the category the clicked link belongs hides (after the click is clicked).
I am not sure what causes this. I would appreciate some tips how to fix that. Thanks!
You have this code that toggles the inside unordered list (ul) for the parent li item clicked:
$('.main-nav li').click(function (){
$(this).addClass('im-curent');
$("ul", this).toggle(100);
});
Since all the links are inside the main li, it will close the menu. To fix this, you can stop propagation for the inner ones like:
$('.main-nav ul').click(function (e){
e.stopPropagation();
});

Categories