Create a Mobile Friendly Perfect Custom Menu Easily with WordPress

[D5 Creation]

WordPress and most of the Themes can generate a Menu from your Pages automatically. But, that is not a standard practice. Many of the WordPress users don’t know about using the Custom Menu Feature of WordPress. But, WordPress has a wonderful Menu System. You need not know any coding skills to design a beautiful Menu for your sites. WordPress.org has Awesome Tutorial for this.

Many of you simply leave the Menu and the Site shows all Pages as default in the Menu Positions which may not look good. Your Mobile Users may face problem with Parent Menu with Links. But, you can easily overcome these issues creating a Custom Menu. You have enough independence for creating the menus of your choice. We believe this Video will Help you.

For Parent Menus, You should Create a Custom Menu and the Parent Menus should be Custom Link Items, not Page/Post/Categories. Then you will set the URL/Link as # and can also leave it blank.

This Tutorial may help you.

Optional:

Some of our Themes have this option where you can disable the links from the parent menu items. You can check this if it is available.

Optional:

You can add the following code in the WP-Admin > Appearance > Theme Name Options > General Options > Custom Code within Head Area Box

<script> jQuery(document).ready(function () { 'use strict'; var resMwdt = jQuery('#resmeasure').width(); if( jQuery(window).width() < 907 ){ jQuery('.menu-item-has-children > a, .page_item_has_children > a').click(function(e){ e.preventDefault(); }); } }); </script>

1 2 3 4 5 6 7 8 9 10

<script> jQuery(document).ready(function () { 'use strict'; var resMwdt = jQuery('#resmeasure').width(); if( jQuery(window).width() < 907 ){       jQuery('.menu-item-has-children > a, .page_item_has_children > a').click(function(e){         e.preventDefault();       });     } }); </script>

[Author]

Posts