Slide and Push menus css

Oct 3rd, 2016 at 11:53 AM
User 2879688 Photo

Citrus
Registered User
201 posts

Hi Forum
Trying to get this to work in RSD or FF......
Open this page up and tap the 'Slide Left' box
http://callmenick.com/_development/slide-push-menus/#
If you don't know how , maybe you might be able to work it out.
I can't seem to yet!!!!
thanks tim
Jazz isn't dead it just smells funny!
Oct 3rd, 2016 at 11:55 AM
User 2879688 Photo

Citrus
Registered User
201 posts

There is some code already done on this page....
http://callmenick.com/post/slide-and-pu … ransitions
Jazz isn't dead it just smells funny!
Oct 3rd, 2016 at 12:19 PM
User 2879688 Photo

Citrus
Registered User
201 posts

More code here.....
http://www.w3schools.com/howto/howto_js_sidenav.asp
Jazz isn't dead it just smells funny!
Oct 3rd, 2016 at 12:52 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts
Online Now

The part of the script that slides left is this.
/**
* Slide left instantiation and action.
*/
var slideLeft = new Menu({
wrapper: '#o-wrapper',
type: 'slide-left',
menuOpenerClass: '.c-button',
maskId: '#c-mask'
});

var slideLeftBtn = document.querySelector('#c-button--slide-left');

slideLeftBtn.addEventListener('click', function(e) {
e.preventDefault;
slideLeft.open();
});


I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Oct 3rd, 2016 at 01:31 PM
User 2879688 Photo

Citrus
Registered User
201 posts

Hi Eric
Thanks for the response
I really need the whole process of placing this in RSD please if you can help out!
Thanks Tim
Jazz isn't dead it just smells funny!
Oct 3rd, 2016 at 01:36 PM
User 2879688 Photo

Citrus
Registered User
201 posts

If I can get it to work I'll upload the RSD file so that it available for other people.....
Jazz isn't dead it just smells funny!
Oct 4th, 2016 at 02:13 AM
User 2879688 Photo

Citrus
Registered User
201 posts

I can't get this to work. Does some someone know how to insert all this into RSD or FF please?
I would appreciate any help on this.....

Ta T.
Jazz isn't dead it just smells funny!
Oct 4th, 2016 at 01:57 PM
User 185561 Photo

Chuck (ITManager)
Registered User
102 posts

Using Responsive Foundation Framer load the theme called "A Festival Event". At the lowest breakpoint is a container that causes the menu to slide in from the left when the menu icon is clicked. To see how it works on the web use "preview on.." and to see how it was created look at how the containers and elements were constructed.
Once you accomplish the impossible, then you can move on to the hard stuff!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.