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
1
vote
0 answers
Links don't work inside Bootstrap Offcanvas
I have implemented an Offcanvas sidebar. It displays fine but none of the links in the sidebar actually work.
When I clicked on the links, nothing happens. I don't think I understand the mechanism well enough so any guidance here would be…
Paulo Hgo
- 834
- 1
- 11
- 26
1
vote
2 answers
Livewire offcanvas Bootstrap 5
I work with Livewire and Bootstrap 5. I have in a Livewire component an Offcanvas that is displayed when a button is clicked. In this canvas I have a text area which via LiveWire makes a request to the server.
This request makes the offcanvas…
Larave
- 13
- 2
1
vote
1 answer
Bad setState call inside offcanvas component
I'm getting a bad setState() error inside the sidebar bootstrap offcanvas component. It says it can't update the component App() while rendering a different component sidebar() Sorry but I had to delete a large section of my code which was a fetch…
pdrake1988
- 43
- 8
1
vote
0 answers
shopware 6 : How to add custom menu in offCanvas menu element?
I want to add custom menu in offCanvas menu. Here in below image after categpries i want to display my custom menu name=> Profile and also language switcher menu .can anyone help me how to do this?
Bharati Wagh
- 33
- 5
1
vote
1 answer
Bootstrap 5 : offcanvas, how to close it on mouse leave?
i want to create a website with a navbar using offcanvas. It's works great but i want to implement a close navbar on mouse leave function.
Do you have any suggestion to do this?
Thank you guys
Lanfeust2100
- 23
- 1
- 5
1
vote
1 answer
Bootstrap 5 - offcanvas component not displayed in vue 3 app
I'm trying to integrate the new offcanvas component of bootstrap 5 in my vue app. I have this code and after the app is build I'm tying to test it but I'm not able to see the offcanvas menu. I don't have loaded the js plugin to mantain my app light…
newbiedev
- 2,607
- 3
- 17
- 65
1
vote
1 answer
How to change bootstrap 5 default menu to off-canvas menu?
I am creating one landing page in Bootstrap 5, where default menu should be replaced by off-canvas menu with a close icon.
Geometry Global
Ricky
- 127
- 1
- 10
1
vote
1 answer
jQuery - Resetting the height of an element not working
What I am trying to do is grab the height of the dropdown menu from the off-canvas menu and set it to the UL so it covers the height from where the menu is currently sitting. So If the dropdown menu is long in height, the div it's in should expand…
mjcoder
- 1,009
- 9
- 25
- 45
1
vote
1 answer
Offcanvas menu background not transparent
Website: www.rascomed.com.
When the page is resized, a little menu button pops up in the top menu. The menu button triggers the off-canvas menu. I want the background, as shown on this image, to be transparent, So the user could see the website, and…
strahinja
- 31
- 7
1
vote
1 answer
Zurb Foundation - Callback after off canvas animation
I am using the standard example for off canvas navigation in foundation like this...
1
vote
0 answers
Off-canvas menu foundation 6 in-canvas
I find myself confronted with a rather particular problem with the off-canvas menu of the foundation 6. Indeed, it is possible to make it in-canvas in the case where we pass on medium screens. Unfortunately, the in-canvas system is indeed overlap…
Ricardo
- 11
- 1
1
vote
0 answers
Off-canvas .position-top on Medium down, .position-left on Large? [Foundation 6.4.3]
Basically what the title says. Is it possible to have off-canvas that's positioned top on small/medium, but then positioned left on Large?
I would have thought this would have done the trick:
HTML
Joe W.
- 167
- 8
1
vote
2 answers
div position won't reset in responsive page
I tried to find a solution here but couldn't find it.
I'm working on this responsive design page. On mobile, when you tap menu, the main content div gets pushed aside (via Javascript) to reveal a left-fixed menu underneath. Everything works pretty…
Andres MF
- 29
- 2
1
vote
1 answer
Foundation 6: How to set .is-open-right translateX value with JavaScript
I am building a website with Foundation 6 using CSS instead of SCSS. I'm using the responsive off-canvas drill-down menu on small screens, and by default, the off-canvas menu width is 250px.
Problem: I would like this to be the full width of the…
Paul Shryock
- 1,309
- 11
- 17