Nav Menu plugins

20+ Best WordPress Mega Menu Plugins 2015 - sourcewp 5 Best WordPress Mega Menu Plugin - Modern WP Themes

The best mobile menus, are in my opinion (Tactile, Morph) from BonfireThemes

Nice idea: convert any menu to Bootstrap: My Bootstrap Menu


Bootstrap based:

Bootstrap Zero - Free Bootstrap Themes and Templates

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

save-up.ch logo

date 01. Jan 0001 | modified 28. May 2021
filename: Wordpress Plugin - Menus