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

  Schema (MyThemeShop) | UberMenu 3 Knowledgebase

• 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

Plugins for managing menus

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

• Duplicate Menu will duplicate your menu with one click.

• BCM Duplicate Menu

• Menu Duplicator

• WPMH Clone Menu

• WP Clone Menu

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

Item duplicator:

• Nav Menu Item Duplicator
• Advance Menu Manager

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