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 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
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
  • 88
  • 2
  • 11
0
votes
1 answer

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,255
  • 1
  • 13
  • 19
0
votes
1 answer

Foundation Off-Canvas sticky menu bar to stick to bottom

I am trying to create an off-canvas menu with foundation 6 like it's done in the official site. When it comes to the mobile menu bar, I'd like to make it sticky to the bottom of the screen. .title-bar { position: fixed; width: 100%; …
Guido Gallenkamp
  • 119
  • 5
0
votes
1 answer

Using e.preventDefault(); to prevent clicking a link twice

I'm trying to close an off canvas navigation panel by clicking on a link in that panel. You can open/close the panel with a hamburger button and close it when you click anywhere on the page. See: http://whyyouthinking.com/xindex.html#what I got to…
Andy Nightingale
  • 139
  • 2
  • 4
  • 16
0
votes
1 answer

Why does my off-canvas menu push my fixed div out of frame when opened?

I use Pushy off-canvas menu for my website, it works great but it troubles my fixed div header. When I scroll down through the page, the header sticks perfectly to top but once I open the off-canvas menu, my header disappears? And when I close my…
saibbyweb
  • 1,451
  • 1
  • 13
  • 28
0
votes
1 answer

Zurb Foundation Sticky Top Bar and Off-Canvas hiding overlay div

I have an issue with Zurb Foundation's combination of Sticky Top Bar, Off Canvas and my use of a minicart div on hover. It seems that my minicart div shows when I hover over the icon but it is covered by the expanded row from foundation and will…
MoreMadness
  • 73
  • 6
0
votes
1 answer

Bootstrap Right Sidebar with Affix & Offcanvas

Hello ive been struggling in what seems like years to have a right sidebar both be stuck on larger displays and then go offcanvas on smaller displays. Im nearly there on my test site but i fear that i cant link to it as SE doesnt like links to…
Ross Highet
  • 1
  • 1
0
votes
0 answers

Off Canvas side bar in Rails CSS styling

Im adding an off canvas devise login sidebar to my rails app. I've managed to make it almost work properly by taking bits and pieces from various tutorials and mix it with my own code. in my views/layouts/application.html.erbI render a partial which…
DaudiHell
  • 1,019
  • 8
  • 26
0
votes
1 answer

Push content to the left to reveal delete button

How would I go about doing that; this is my current wip: https://jsfiddle.net/Lg0wyt9u/967/
  • I
    date
    …
    user429620
    • 0
    votes
    1 answer

    Show div in off canvas sidebar when clicked on link

    I have the code below, and I'm trying to show/hide a div when you click on a link. Basically the link on click will add the "active" class to the div, which in turn will remove the "hide" class and display:block instead. The problem I'm having is…
    gdeleon101
    • 88
    • 2
    • 11
    0
    votes
    2 answers

    Disable scroll when push over menu (off-canvas) is visible

    I'm building a off-canvas push menu and everything is working, there are a few aspects I can't seem to figure out. How to disable the scrolling of the content-wrapper. How to only scroll the off canvas menu. Right now it scrolls the height of the…
    icekomo
    • 8,336
    • 7
    • 27
    • 53
    0
    votes
    1 answer

    Allow site contents to scroll below a fixed positioned element

    I am trying to implement an off canvas menu in my Wordpress site. Instructions on coding the menu are taken from this site: http://tympanus.net/Development/OffCanvasMenuEffects/sideslide.html The problem is that when you open the menu and the mouse…
    ASZ
    • 1
    • 1
    0
    votes
    1 answer

    Change the width of a menu

    I'm new to this website and I'm quite new to coding. I'm trying to make an off-canvas menu, but encountered three small problems. First, how can I change the width of the menu when it has been expanded? Second, how do I make the three lined menu…
    Bryan M
    • 13
    • 3
    0
    votes
    1 answer

    How to create a slide navigation menu(off-canvas-menu) in swift without storyboard?

    I want to create an off-canvas-menu in swift without using a storyboard. There are lots of examples out there for creating that menu but all use storyboard. Even creating it programmatically is fine for me. I want to create the slide nav using xib…
    pogbamessi
    • 259
    • 2
    • 15
    1 2 3 4
    5
    6