Nav Menu plugins
20+ Best WordPress Mega Menu Plugins 2015 - sourcewp 5 Best WordPress Mega Menu Plugin - Modern WP Themes
-
UberMenu - WordPress Mega Menu Plugin Preview - CodeCanyon
Supports Dynamic Items: Generate items from post or term content, also works with Custom Post Types & Custom Taxonomies.
Blog - SevenSpark Apple-style Menu Skin for UberMenu - SevenSpark
-
Mega Main Menu is another one. Simpler
-
Max Mega Menu is quite good already in free options. In Pro, supports animated Search box, Sticky menu and a Menu logo. Max Mega Menu
-
WP Mega Menu is not even close to more prominent competitors.
The best mobile menus, are in my opinion (Tactile, Morph) from BonfireThemes
Nice idea: convert any menu to Bootstrap: My Bootstrap Menu
Bootstrap based:
- menu responsive Mega Menu for Bootstrap - CSS
- very light free theme: Compose
- pricecharts Pricely we bought.
Bootstrap Zero - Free Bootstrap Themes and Templates
Menu management plugins
How to duplicate or export/import menu. No simple way in Wordpress. With plugins, part of it is possible.
Duplicate Menu will duplicate your menu with one click.
WordPress Menu Exporter seems old, but it’s still working as it should. Export will also include all the pages and-or terms that are referenced in menu. Afterwards, you import this data with standard Wordpress Importer.
Responsive Breakpoints
Is it safe to assume 320px wide (portrait) and 480px (landscape) for smartphones, 768px wide (portrait) and 1028px wide (landscape) for tablets.
Explained how to do it in one sentence:
Start with the small screen first, then expand until it looks like shit. Time to insert a breakpoint!
Please note that now we will soon probably have Wearable sizes as listed here
- Bootstrap 3 uses these as default sizes.
- Ethan Marcotte’s in his very-important book about Responsive Web Design, uses these.
Ubermenu
Responsive Breakpoints are in Ubermenu are set as following:
> 960px : Standard monitor or tablet landscape
767px – 960px : Tablet
480px – 767px : Phone Lanscape
< 480px : Phone
Source: Responsiveness & Breakpoints
Logo inside menu, on mobile
I have a logo that is inside a menu, but needs to vanish from inside menu when on small screens As I see from breakpoints, logo that is inside the menu should disappear on widths below 767px.
Solution is officially suggested here
So, target media query is:
@media only screen and (max-width: 767px) {
/* Custom CSS class for logo menu item */
.um-logo {
position: absolute;
left: 0px;
top: 0px;
}
}
#um-logo-mobile
