A vertical navigation menu sliding into the screen from outside of the window (off canvas) when the user clicks an icon or performs some other sort of action.
Questions tagged [off-canvas-menu]
109 questions
0
votes
1 answer
Bootstrap 5 offcanvas error: Uncaught TypeError: Cannot read property 'parentNode' of undefined
Looping through a list to create a table of information and offcanvas menus to display additional information when a table row is clicked. Currently, I receive the "parentNode" error when I click on any . Any ideas why I get this error?
The…
Franklin
- 121
- 1
- 2
- 8
0
votes
1 answer
Off-Canvas Tabbing Links when not in View
The off-canvas navigation menu is being recognized in the tabindex on desktop view. So if a user is viewing on desktop, they tab the "skip to main" as they should for accessibility; but then they tab through 8 non-visible links before reaching the…
Maria Gosur
- 91
- 2
- 12
0
votes
2 answers
How to focus on a specific element when a button is pressed
I have an off-canvas-menu (#mobile-menu) that opens when a button/trigger (.mobile-menu-toggle) is clicked or pressed etc.
The menu opens fine on keyboard press, but it does not focus within the menu, instead the focus is on the next element in the…
ByteMyPixel
- 151
- 2
- 3
- 15
0
votes
0 answers
Horizontal scrolling menu sticking after transform: translate(X) is applied, and Is it possible to detect when the user scrolls back up past an ID?
On my website, I have a case study page that is pretty long with 10 sections, so I want to create a horizontal menu with links to each section on the page. The user will be able to swipe this horizontally for the small screen devices so that the…
Marc
- 348
- 1
- 3
- 9
0
votes
0 answers
How to use the Method Create Element (JS) in another PHP file?
I copied a mobile menu from "https://www.100percent.com/" (mobile version). My HTML local page it works fine, but when I put the code in the PHP "header.php", the solution does not work completely.
The DIV that contains the Drawer Is Visible is not…
0
votes
2 answers
Off canvas menu - onclick function issue
I'm currently messing around with a personal project - quite new to the frontend world.
I have an off-canvas slide in menu working, however I cannot open it again after the first time of clicking the toggle button.
I am using the onclick function…
Tom Woodhouse
- 3
- 1
0
votes
1 answer
How to make an offCanvas Menu with multi-level sliding panes using jQuery similar to mmenu?
Off the bat I'd like to accept that there are a lot of libraries out there and there are a lot of similar questions on SO. But none address the issue at my hand.
I have created a OffCanvas Mobile-like sliding Menu inspired from mmenujs.
For…
YourPalNurav
- 1,204
- 9
- 40
0
votes
1 answer
How to dim main content when off-canvas menu slides in
I have an off-canvas menu sliding from the left to cover the page. The building blocks of my page are divs. I call javascript functions to open and close the off-canvas menu. My main content remains as it is under the sliding menu. I have problems…
gab
- 77
- 1
- 1
- 9
0
votes
2 answers
Bootstrap offcanvas prevent closing of offcanvas when you click on datepicker
I am having problems with offcanvas menu closing when i use datepicker in form inside menu and click on datepicker button.
I've been busting my head for last 2 days but i can't make a fix for it and everywhere i searched i didn't find solution.
I am…
lonerunner
- 1,282
- 6
- 31
- 70
0
votes
0 answers
off-canvas menu designed by helix3 disappears in mobile mode of my site
I'm building a persian (rtl) website with an offcanvas menu using helix3. The site works fine in all modes (mobile/desktop) when testing with "responsive web design Tester" or other testing tools. But when surfing the site with tablet or ipad, the…
azita darooei
- 17
- 1
- 7
0
votes
0 answers
Joomla Offcanvas Menu Error
How do I get my main menu to work on my mobile phone? I had some "offcanvas" module error that I tried to resolve.
When I click on a link on the homepage on my mobile phone, this error appears
Publish modules to the "offcanvs" position.
" Spelled…
Shildra
- 147
- 1
- 12
0
votes
1 answer
Need help w/ Off-Canvas Flexbox menu toggle / z-index
UPDATE
I was able to get the side-nav items to stack by adding the following to the "site-menu" and "container" styles:
{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
the only thing left is to get the content…
Champ25
- 1
- 1
0
votes
2 answers
Bootstrap Offcanvas example in angular 4
I am new developing with angular and I am trying to replicate this bootstrap navbar example in my application. The problem is that the responsive of the navbar does not work when I pass it to angular.
I installed all the necessary dependencies for…
AlejoDev
- 4,345
- 9
- 36
- 67
0
votes
0 answers
Foundation Framework Off-Canvas Menu Not Opening
On the following development site, the off-canvas menu isn't firing.
http://pgoutfittersv2.staging.wpengine.com/
The site is using WordPress with the JointsWP Theme.
I'm getting a Console error related to Foundation JS file, but I don't know what it…
Brett
- 887
- 4
- 14
- 25
0
votes
1 answer
Bootstrap 4 off canvas menu not working iOS Safari
I'm trying to use the Bootstrap 4 off canvas menu as shown in this example - in iOS 10.3 Safari when closed the menu is hidden, but then opened instead of sliding to the left is only goes part way - screen grab shows it open. Works on Mac Safari and…
KevInSol
- 2,560
- 4
- 32
- 46