Is is Possible to use a Seperate Mobile Menu Location or Mobile Only Menu Item ?

[D5 Creation]

Is is Possible to use a Separate Mobile Menu Location or Mobile Only Menu Item ?

The answer is YES and NO. Currently, none of our Themes has any Specific Mobile Menu Location. All of our Themes are Mobile Friendly or Responsive. So, the Main Menu can show the items in all type of devces arranging as per the styles.

One Menu Location:

Multiple Menu Locations:

You may have any Plugin which can allow you a Separate Mobile Menu Location for Separate Mobile Site. But, as the Themes are Responsive, you need not Separate Site for the Mobile Devices.

But, you can still show Some Menu Items for Desktop and Some for Mobile Devices only.

First of all, Please make sure that the Responsive Layout is Active from WP-Admin > Appearance > Theme Name Options > General Options

Step 01
Use the Custom Code in the WP-Admin > Appearance > Theme Name Options > General Options > Custom Code within Head Area Box

<style> @media screen and (max-width: 900px) { .showindesktop{ display: none; } } @media screen and (min-width: 901px) { .showinmobile{ display: none; } } </style>

1 2 3 4

<style> @media screen and (max-width: 900px) { .showindesktop{ display: none; } } @media screen and (min-width: 901px) { .showinmobile{ display: none; } } </style>

You can change the 900px and 901px as per your demand.

Step 02

Check the CSS Classes from WP-Admin > Appearance > Menus > Edit Menus

Create Menu Items and paste the CSS Classes (optional) Boxes as showindesktop or showinmobile where necessary. It is not necessary for all other Menu Items which will be displayed for all devices.

Clik the Save Menu Button.

Now, Check the Site in a Desktop or in a Mobile Device. showindesktop marked Menus will be displayed in a Desktop and showinmobile marked Menus will be displayed ina Mobile.

[Author]

Posts