Stack Overflow
Stack Overflow

Questions tagged [off-canvas-menu]

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.

81 questions
10
votes
3 answers

Bootstrap Scrollspy causes issues with Off-Canavas Menu

UPDATE: To clear up some confusion I added a fiddle that demonstrates how it is supposed to work, but it is just missing the scrollspy: https://jsfiddle.net/kmdLg7t0/ How can I add the scrollspyto this fiddle so that the menu highlights when I'm…
ChosenJuan
  • 821
  • 2
  • 18
  • 46
3
votes
0 answers

Zurb Foundation 6 sticky menu in off-canvas sidebar

Hi I am trying to get zurb foundation 6 to have the off-canvas menu with sticky menu inside. Remaked off-canvas layout to have same height of sidebars and content blocks in desktop view. Problem: Sticky menu not working in right off-canvas…
Kasara
  • 265
  • 1
  • 3
  • 8
3
votes
1 answer

offcanvas-sidebar bootstrap 4 sticky sidebar

hi i recenty used the bootstrap 4 offcanvas template to build my website http://v4-alpha.getbootstrap.com/examples/offcanvas/# now i want to make my side-bar follow as the users scrolls but bootstrap removed the affix class and recommends using css…
J Doe
  • 33
  • 1
  • 8
3
votes
1 answer

Targeting Previous Sibling Element CSS

I'm using off canvas menu that I've been trying to get work correctly. In order to get my fixed menu and off-canvas to play nicely, I had to take my header out of the off canvas inner wrapper, but now my header won't move over when the menu is…
4ever Youngz
  • 158
  • 1
  • 12
3
votes
2 answers

Foundation 6 Off-canvas menu auto-close after click

I've been searching how to auto-close off-canvas menu after some menu item is clicked but nothing seems to work. So I followed guide on how to make off-canvas menu on Foundation 6 docs and it works. This part is okay. Now when I click on some link…
Kira
  • 1,455
  • 4
  • 22
  • 42
2
votes
1 answer

Bootstrap 5 offcanvas disable close on click

I'm using the offcanvas component (https://getbootstrap.com/docs/5.0/components/offcanvas/). However I was wondering if it is possible to prevent it from closing when I click outside the offcanvas window. I've managed to stop it from closing when I…
sharpness
  • 51
  • 1
  • 4
2
votes
1 answer

Import a jQuery plugin in a module

I'm trying to import a jQuery plugin (js-offcanvas) with npm but I keep getting the same error: app.js:20: Uncaught TypeError: $(...).offcanvas is not a function the app.js file: import offcanvas from "js-offcanvas" $('#off-canvas').offcanvas({ …
kayne
  • 329
  • 1
  • 13
2
votes
1 answer

Zurb Foundation 6 off-canvas navigation not working on Android internet browser

The menu icon will not toggle the off canvas menu. When clicked, it changes the opacity of the content section as usual, but doesn't slide to reveal the menu. My navigation works on all browsers on my pc and mac, on iPhone and in Chrome on my…
BradH
  • 21
  • 4
2
votes
0 answers

Off-canvas menu sticky

I'm using foundatuon 6 with an off canvas menu. I'm able to get the burger icon sticky by setting the position, but is there a way to stop the actual menu from scrolling with the content? I've looked around and can't seem to find a solution for…
icekomo
  • 8,336
  • 7
  • 27
  • 53
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
  • 830
  • 3
  • 17
1
vote
1 answer

Bootstrap 5 offcanvas is not working with images or icons inside the anchor

You might see it as a duplicate but let me assure you I have looked into several questions on stakeoverflow and was not able to find similar question. I have implemented Bootstrap 5 offcanvas and there is a weird issue with it. It works perfectly…
Harshal Lonare
  • 2,198
  • 25
  • 29
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
  • 117
  • 7
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
  • 929
  • 9
  • 24
  • 44
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
  • 5
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
2 3 4 5 6