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
0
votes
1 answer

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
  • 2,536
  • 6
  • 26
  • 54
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
  • 787
  • 4
  • 13
  • 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,380
  • 3
  • 30
  • 40
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
  • 2,671
  • 3
  • 19
  • 49
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
  • 7
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
  • 92
  • 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
  • 134
  • 1
  • 2
  • 9
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
  • 21
  • 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
  • 612
  • 2
  • 10
  • 32
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
  • 3,587
  • 7
  • 24
  • 43
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
  • 308
  • 2
  • 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
  • 821
  • 2
  • 18
  • 46
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
  • 31
  • 1
  • 3
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
1 2 3
4
5 6