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
Foundation 6.4.3 off-canvas container
I followed the documentation for off-canvas use and it didn't work at all. F6 Forum returned 403 when I tried to create a post at theri forum :(.
Here is the HTML code I tried:
belgoros
- 3,590
- 7
- 38
- 76
0
votes
1 answer
Off-Canvas Menu Animations Not Working
I have a 3 column template made with Bootstrap that I am trying to get to animate properly. I'm sure I'm missing something simple but can't figure it out and could use some feedback. I am just trying to get the left off-canvas menu to animate by…
Fireal
- 47
- 10
0
votes
0 answers
CSS Off canvas nav removing fixed top
I have CSS only off canvas nav with working scroll.
The nav is for desktop, tablet and mobile devices.
The issue is I don't want it to be fixed to the top anymore.
When I remove “position:fixed” it gives me a set of problems with position, double…
Kees
- 155
- 10
0
votes
1 answer
change width of jquery off canvas panel on mobile
Im using scotch panels to make an off canvas menu. I would like to change the width of the panel from 70% to 100% on mobile only. Here is the code i'm using:
jQuery(document).ready(function($){
var panelExample = $('#sidecart').scotchPanel({
…
ScreamQueen
- 206
- 1
- 4
- 13
0
votes
1 answer
off canvas menu html css
I want to make a off canvas menu like this but I shall push the text out of the screen and not crop. And I want to add a function that close the menu after I clicked out of it.
I got the code from w3school off canvas menu.
function openNav() {
…
Alan pizdmj
- 11
- 2
0
votes
1 answer
Change width of offcanvas-menu that needs to appear on right of screen
This is in regards to zurb-foundation 5.3. I do not know scss so I am using the css version of foundation 5.3. I am following this very basic example for offcanvas menu from foundation docs. This offcanvas-menu seemed to have a default width. Since,…
gurung
- 628
- 2
- 11
- 33
0
votes
1 answer
Bootstrap: Collapse fixed top navigation menu to slide-in from left
I would like to change the default behavior of bootstrap top fixed navigation from push-in from top to slide-in from left. I have seen a lot of people using off-canvas but they are using it with sidebar navigation. I have failed to find any working…
Saad Bashir
- 4,341
- 8
- 30
- 60
0
votes
2 answers
Foundation 6's Off-canvas not working
I'm trying to get Foundation 6's Off-canvas feature to work. At this point, I am now trying to get Zurb's own example out of their documentation (http://foundation.zurb.com/sites/docs/off-canvas.html#complete-example) to work.
When my button to open…
MadEmperorYuri
- 298
- 3
- 11
0
votes
1 answer
Is it possible to combine an Off-canvas menu with modal function using Jasny Bootstrap?
I'm having trouble combining off-canvas with modal functionality using Jasny Bootstrap
These are the steps I took:
1. I created an off-canvas menu using jasny bootstrap, and it works as intended Off Canvas Only
2. However, when I add the modal…
ChosenJuan
- 891
- 3
- 26
- 56
0
votes
1 answer
Foundation 6 off-canvas disable close if user click on a link
How and where I need to set the data-close-on-click params in my off-canvas to avoid the menu to close when user click on a link inside the menu?
guy banlock
- 107
- 2
- 4
0
votes
1 answer
Foundation off canvas menu always visible on mobile
Currently on this site the off canvas menu is always visible for mobile and small desktop screens... Can anyone tell me what I am doing wrong?
The site is built using the Joints WP theme based upon the Zurb Foundation framework.
Thanks in advance,…
Adam
- 5
- 1
- 2
0
votes
1 answer
Jquery: change negative position based on element height
I have the following Jquery that will slide a box up and off the canvas. It is written for a specific height ie 200px box moving off by -200px. I want to change it so that the box can be any height.
$(function() {
…
Caleb Eklund
- 3
- 1
0
votes
1 answer
Bootstrap Bug with Offcanvas
I'm trying to add offcanvas to my bootstrap navigation, the responsive works perfectly but the dropdown menu doesn't work when i try the desktop resolution.
The problem seems to be the "bootstrap.offcanvas.js".
When I delete the…
Web
- 1
- 1
0
votes
1 answer
Can't implement anchor smooth scrolling with off canvas menu/content
I’m looking for help on a project I’m working on and I can’t seem to figure it out. I’ve searched and tried various scripts as well as no conflict scripts. I’m hoping someone can help me out.
I have a single page that anchors from the nav to content…
gdeleon101
- 98
- 1
- 2
- 11
0
votes
2 answers
Programmatic close of Foundation 6 offCanvas
I want to use javascript to close an offcanvas area as the result of loading an ajax script.
The documentation says $('#element').foundation('close', cb); but there isn't much in the way of explanation as to what #element and cb are :/
What are…
Tim Morton
- 2,614
- 1
- 15
- 23