All Questions
Tagged with responsive menu
90
questions
0
votes
1
answer
35
views
Responsive menu not showing after clicking on bar icon
I'm trying to do my first website with the tutorial on YouTube, but I'm stuck on this.
On mobile devices I want my menu to look like this (screen with red background) but when I click on the icon, ...
0
votes
2
answers
78
views
Align the Links in my Responsive Navbar with Dropdown Menu, so that it lines up with the website content
I used the code I found at w3schools.com, and I styled it to my taste in order to create my websites top navigation menu:
<!DOCTYPE html>
<style>
/* Add a background color to the top ...
-1
votes
2
answers
138
views
How can I make this code a Dropdown menu for responsive?
The hamburger menu icon should be on the right side, and the image should be on the left site.
When we will click the menu to open, it should open a dropdown and inside it should be the logo home ...
0
votes
2
answers
65
views
Layer nav over text
So I havd a problem
1 Im trying to make the website responsive and the paragraph ( and the
World's Biggest University
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget iaculis dui,...
1
vote
2
answers
57
views
How can I have the nav menu, going out of the navbar, and not overlay it?
I've spent already 4h on trying to solve this one, but I just give up.
I'm trying to make an responsive menu, but when I press on hamburger menu, I would like my menu to drop down under the navbar, ...
1
vote
1
answer
1k
views
How to disable scrolling when responsive menu overlay is active
I am using an example from w3schools and can`t figure out how to disable the scrolling when the menu is opened. Any solution (java, css, etc) will be most appreciated.
Source:https://www.w3schools.com/...
0
votes
1
answer
23
views
Close the mobile menu by clicking or tapping outside
The code is for mobile menu but when I open it, it stays open and won't close.
I want it to close by clicking the menu links and tapping outside.
I know I haven't even added in the code but I don't ...
-2
votes
2
answers
37
views
Javascript - Not a Function [duplicate]
I am trying to make a responsive mobile nav that will close out when a menu item is clicked, but I keep getting an error on this even though I have other scripts in the js file formatted the same way. ...
0
votes
0
answers
149
views
Responsive top navigation menu: hamburger not displayed on small screen except on home page
I'm using the W3Schools' responsive top menu. When I shrink the browser window the 'hamburger' menu displays and works on the home page, but not on any of the other four pages.
This is the html code:
&...
0
votes
0
answers
306
views
Accessibility of responsive menu
I want to deepen my knowledge about accessibility. So I appreciate any feedback. Please check this code whether it fulfills (hopefully high) standards of accessibility for a responsive menu. I think ...
1
vote
1
answer
551
views
CSS: Responsive font-size doesn't look responsive on Safari browser
I'm building a responsive personal website and I've encountered a weird problem. I created a menu for my website. Since its homepage and content pages have different CSS files, I put the same menu ...
0
votes
1
answer
59
views
Making Anchors work when you duplicate a section and hiding one for mobile and one for desktop
So here is what I'm trying to do. I have a fancy set up for desktop that doesn't work for mobile. So what I've done is create another section for mobile. The sections have anchors to jump to the ...
0
votes
2
answers
28
views
Reset to a custom previous point in the code JAVASCRIPT
I am building a responsive mobile menu. I am a beginner so don't know how to use loops effectively.
The Problem is that When in mobile view, hamburger menu icon shows and when it is clicked, it ...
1
vote
2
answers
65
views
Menu Responsive issue
I am trying to make responsive menu with html, CSS and Javascript but due to some issue I am not able to make the menu responsive or hamburger icon when screen size is reduced. I want to create ...
0
votes
0
answers
225
views
How to disable body scroll on mobile menu when open?
I'm creating my website responsive for mobile except when I open the menu I see the scrollbar on top of the menu pop out and I can still scroll on the body that's behind the menu. I would like to hide ...