Nav Menu plugins

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

Plugins for managing menus

Duplicating menus on WordPress can be challenging without the use of plugins. However, certain plugins allow for these capabilities.

Bulk Menu Edit je i za masovno brisanje i editovanje stavki u meniju

Item duplicator:


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 20. Feb 2016 | modified 29. Dec 2023
filename: Plugins » Menus