Code

Discussion on Responsive CSS3 Menu without JS

Discussion on Responsive CSS3 Menu without JS

Cart 171 sales

davidtovt supports this item

Supported

30 comments found.

Hi, i am beggining in website creation and uses prestashop for my first one. Does your menu work on it ? Is it simple to add your menu to my prestashop website ?

Thanks

Hi. If you are beginning in website creation, I think, it is not will be simple for you.

ok :( thanks for your reply

Users who are using tablets with for example 768 width, can’t navigate, because we cannot ‘hover’ over the menu items. Any fixes for this problem? perhaps an option for force the sidebar menu? (based on user agent).

How could I center the menu items?

Add the following styles to minimal-menu.css.

All menu items to center:

.minimal-menu > ul { text-align: center; }

Only main menu items to center:

.minimal-menu > ul { text-align: center; }
.minimal-menu ul li { text-align: initial; }

Right to left writing direction:

.minimal-menu { direction: rtl; }

Hey David, how could I switch direction of the mega submenu (menu->menu->menu), it appends from the right and I want it to append from the left.

Hi.

.minimal-menu ul li.megamenu { direction: ltr; }

Bug: When the submenu has many vertical items, we can’t access the lower items which go outside the page because the wbepage below the open menu scrolls but the open submenu itself does not scroll so we can’t ever access them. Please fix this asap. Thanks.

ngn, please send me your email via my profile page: http://codecanyon.net/user/davidtovt

I sent you my email. Please send me the fix asap. Thank you David.

Menu does not drop down on my Samsung Galaxy Tablet also tried the demo on this site same problem so not for me, which is a shame as it works well and looks good on the desktop.

What is your android version? And what browser are you using?

Fixed this bug.

Hi would it be difficult to reposition the menu toggle, like have it float in a nav bar or does it have to be stuck to the top corner like that? Thanks.

This menu is great! Quick question – can i tweak the width in the CSS?

when i mean width i mean of the whole top nav bar? The other menus everything is great, i have already dropped into our test site…

Thanks, Rupalparmar!

Yes, can you tweak the width. Write max-width to .minimal-menu. Example: .minimal-menu { max-width: 800px; }

do the effect the submenu is displayed responsive but only when you click

Thanks for the advice. I’ve updated the menu!

excellent work thanks if buy now

Can I use the responsive menu without JS in my sidebars? If not, do you have a menu or styleable links widget to use there?

Sorry, you cannot use this menu in sidebar, and I don’t have a menu to use there. :(

Nice work. GLWS!

Thank you!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey