Stack Overflow
Stack Overflow

Questions tagged [sidr]

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

52 questions
4
votes
2 answers

When I click to open "sidr side menu" I´m also clicking on my sidr menu item

I followed the sidr documentation at: http://www.berriart.com/sidr/ And I already have my sidr side left menu working fine. But on my mobile,only on android default browser, when I click in my link "Open Menu" I also click on my menu item "Menu 1",…
OzzC
  • 815
  • 4
  • 20
  • 36
3
votes
4 answers

Sidr.js menu disable on desktop

I am using www.berriart.com/sidr/ jQuery script that creates side menu from my HTML menu. It works perfectly, but i would like to show the "standard" menu on resolutions bigger than 480px and the sidemenu on resolutions bellow 480px. I am triggering…
Medvjed Jedan
  • 75
  • 1
  • 1
  • 7
3
votes
7 answers

Rails with mmenu/sidr with Jquery and Turbolinks issue

I haven't been able to get to the bottom of this but there was suspicion that turbolinks was the culprit. Changing menus just to make sure it wasn't some odd mmenu issue. I open the page, click the menu button - it works, it opens the side menu, I…
Clam
  • 935
  • 1
  • 12
  • 24
3
votes
1 answer

Sidr Plugin - Side bar working only on a few pages

Back again with a new, difficult (hopefully not for all of you on SO!) question. I've got this website running with a sidr plugin. It is initialized on the master Site.Master, and is working on 'nearly' all the pages. However, on a few pages, it…
DeeKayy90
  • 837
  • 1
  • 13
  • 27
2
votes
0 answers

how to use sidr with webpack?

I'm learning webpack, and want to import sidr into my project. how should I do this right? I've tried: import sidr from 'sidr'; but it Cannot find module "sidr" I tried to add new webpack.ProvidePlugin({ 'jQuery': 'jquery', '$': 'jquery', …
voznik
  • 396
  • 5
  • 11
2
votes
2 answers

Cannot append content to Sidr

I'm using Sidr, a jQuery plugin that offers side menus. I'm trying to do the following: Get data from database through $.post() and a json return. Works Post this data into my Sidr menu. Does not work!!! What happens when I execute the script:…
blurgoon
  • 335
  • 3
  • 13
2
votes
1 answer

Sidr.js overriding Font Awesome class styles

The jQuery plugin sidr.js is overriding my FontAwesome classes for a mobile menu. How do I keep this from happening? For example: -- HTML --
OneMohrTime
  • 69
  • 8
1
vote
0 answers

close sidr menu when user clicks link

I'm developing a site that uses the sidr menu. This site also uses modal windows to display content. when a user presses a menu item and it opens a modal window, the window opens below the sidr menu. should I: A. stack the modal window above the…
RCDAWebmaster
  • 319
  • 5
  • 17
1
vote
1 answer

Hide Submenu by Default, Show if Active

http://jsfiddle.net/L9wrt41g/ Working with the Sidr menu. By default submenus are hidden. .sidr ul.submenu { display:none; } But as you can see in the fiddle, Sub List 2 has an active class.
  • Sub List…
    • Brian Bruman
    • 883
    • 12
    • 28
    1
    vote
    2 answers

    Showing different manu based on devices

    I want to show different menu based on different devices like for mobile and table I want to show menu using sidr. and for large devices menu representation should be fixed bootstreap menu. How to achive this my code is My code is
    xrcwrn
    • 5,339
    • 17
    • 68
    • 129
    1
    vote
    1 answer

    Sidr - remove prefix from all the children classes using jQuery

    I need to remove the prefix 'sidr-class-' from all the classes inside the 'sidr-inner' parent div. Sidr provides an option to remove all the prefixes, but it removes prefixes from ID's as well. I want to remove only the class prefixes. The HTML is…
    Heshan Galahitiyawa
    • 13
    • 6
    1
    vote
    1 answer

    Sidr.js equivalent for AngularJS without jQuery

    Is there any equivalent for Sidr.js without jQuery to use in an Angular Project?
    William Kennedy
    • 143
    • 1
    • 18
    1
    vote
    1 answer

    Combining Sidr menu with animated hamburger button

    My test page https://osticketawesome.com/support/awesome/inc/test.html I'm trying to combine a hamburger menu with the Sidr jQuery plugin for creating side menus. It works perfectly in Chrome, FF, IE and Edge but in the mobile browsers I've tested…
    stevland
    • 119
    • 1
    • 8
    1
    vote
    1 answer

    Sidr not working on WordPress

    Well basically I'm trying to implement Sidr which is from here (http://www.berriart.com/sidr/) I just want it work, I have added the scripts to function.php and even did alerts to test they were loading and running. Here's how I added…
    コードバ リノ
    • 65
    • 1
    • 12
    1
    vote
    1 answer

    close button with fixed positition not showing in safari (sidr menu)

    I am using the jquery plugin sidr to display pop windows, that all have a close button in the top corner overlaid on top of an image. to keep the button in place I was using the css attribute: position: fixed; which works in chrome, but in FF the…
    Hannes Andersson
    • 37
    • 6
    1
    2 3 4