Hi, I would like to ask you, how can I make the menu to be on the right of the page with the animation from left to right for the tools
Thank you.
Oussama GHOUAGH () - 7 years ago - Reply -2
Hello,
This is very nice menu, but it shows me just menu icon and hover effect. but when I will try to open that no click event is fire? any idea?
Thanks in advance.
sidhdharthvora () - 7 years ago - Reply 0
excellent work.
As I can make the menu is aligned to the right and tool tips that are at the left of the menu.
Excuse my English is not very good
Andres () - 8 years ago - Reply 0
Hi Andres, I would like to ask you, how you made the menu to be on the right with the animation from left to right.
Thank you.
Oussama GHOUAGH () - 7 years ago - Reply 0
hello, great snippet! is there any way to keep the height of the menu list items to all the way down to 100% and to display same way no matter the screen size (no wide menu on small screen). Any idea?
Moise () - 8 years ago - Reply 0
HI, can someone please tell me how I can make the scroll effect. Right now there's no scrolling it just jumps to the section.
imran () - 9 years ago - Reply 0
I personally do not use jQuery as the @maxsurguy:disqus suggest. I like to use the class "animate"
This isn't to say that jQuery is not a better choice, to be honest it very well may be a better more supported choice. Using the class "animate" as I did in this example limits old browsers from seeing the animation and instead they get a jump in and out effect instead. If you were to use jQuery however you could prevent this and support more/older browsers.
mouse0270 () - 9 years ago - Reply 0
Could someone explain where to include the javascript file? My menu icon can highlight on hover but when clicked, no menu pops out
bryan () - 9 years ago - Reply 0
This looks great, I would like to use this in a theme I'm working on and would like to ask for your permission, could you contact me? (borden882@yahoo.com) Thanks :)
Thomas () - 9 years ago - Reply 0
I am pretty sure you can use it because all featured snippets on Bootsnipp are MIT license, the author will be happy to know that their work is helping other people.
maxsurguy () - 9 years ago - Reply 0
It appears to work on the latest versions of all major browsers. I do not it has some issues with touch screens though. With a little javascripting this can probably be avoided.
mouse0270 () - 10 years ago - Reply 0
Hi great snippet and like to use this...however on a android device it does not work.....the menu square is there....but when i touch it it turns green without showing the menu items below....any ideas?
Great job so far !!
Sandor Schippers () - 10 years ago - Reply 0
If we change the click event to mouseover, it works as hover effect.My question is how can I close the menu when left navigation area ? Any help would be appreciated.Thank you.This is what i got so far http://bootsnipp.com/user/s...
Amit Kolambikar () - 10 years ago - Reply 0
You could attach a mouseout handler on the menu and collapse it on mouseout.
maxsurguy () - 10 years ago - Reply 0
I really love this snippet! I've got a little question about the behavior of the mouse. what should I change to reach the following action: Someone is clicking the square, the menu comes, he clicks the desired navigation point and after that, the menu minimize automatically? (Hope you understand my poor english ;-) )
abi () - 10 years ago - Reply 0
$('.navbar-minimal a').on('click', function() { $('.navbar-toggler').trigger('click'); });
mouse0270 () - 10 years ago - Reply 0
works great, except for when you have a really long list of menu items, it doesn't scroll. Any tips?
Naema Baskanderi () - 10 years ago - Reply 0
So I think the only way to accomplish this without maybe adding some JS is to add a media query and use max height as the selector. You would than have to reformat the css to make it look like it was on a mobile because if you try to add an overflow to the desktop version you will not be able to the menu items names. pr instead of adding a media query you could just remove the one that comes with this and and max-height and overflow.
mouse0270 () - 10 years ago - Reply 0
I can look into this today. It was build for a demo page for a friend who only needed three links. I'll see what I can do for you. Please keep a watchful eye out and I'll try to post a fix for this.
mouse0270 () - 10 years ago - Reply 0
Thanks, but I just decided not to make it a fixed nav, which quickly solved the problem :)
I'm still new to this, if I wanted the menu to slide out horizontally instead of down, how would I do that?
Naema Baskanderi () - 10 years ago - Reply 0
Almost :) I had figured that out. But I wanted all the list items to show in the same row as the toggle button.
Thanks so much for looking into it for me!!
Naema Baskanderi () - 10 years ago - Reply 0
http://bootsnipp.com/snippe... < (Updated) Might not be perfect, but should be able to give you a starting place.
mouse0270 () - 10 years ago - Reply 0
If it works for IE 11, then logically it should work for the major browsers, can anyone test it on Opera, Opera Mini, Android default browser and Safari?
Oussama Romdhane () - 10 years ago - Reply 0