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]
81 questions
0
votes
0 answers
Off-canvas menu misplaced
I'm new to javascript. I wanted a nice site, so I found some good templates, put things together and now everything works great with one exception.
Off-canvas menu on one page appears outside the view (far to the right), but only on…
Globares
- 1
- 1
0
votes
0 answers
Bootstrap 5 Off Canvas sizing issue
I'm using bootstrap 5 off-canvas for collapsing and in same time I have an announcement bar it's just an dismissible alert on top of my navbar.
the question is my off-canvas top size not working good when I click
to close button on dismissible…
jhon-jhones
- 241
- 1
- 7
0
votes
0 answers
off canvas side is not working in laravel blade
if I used localhost/home it working
but when I get another url like localhost/home/category
it is not working and id returns in URL like this localhost/home/category#offcanvas-menu
in blade, I use this
tariqul anik
- 284
- 2
- 14
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
- 79
- 1
- 11
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
- 142
- 2
- 3
- 14
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
- 316
- 1
- 3
- 8
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,006
- 5
- 33
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
- 8
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,262
- 5
- 24
- 60
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
1 answer
Zurb Foundation - Callback after off canvas animation
I am using the standard example for off canvas navigation in foundation like this...
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
- 138
- 1
- 11
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