Custom menus

[yinon2b]

Hi
We want to create different main menus to the two different sections on our site, shadoart.com.
One for the Design professionals, and another to the Private customers.
The menus should be at the top of the page, inline. and the logo at the left side . And of course responsive with a hamburger menu on mobile.
How can that be done?
Thank you
Yinon

[Prasant]

Hello @yinon2b,

Thanks for asking.

As you are using X Theme, having separate menus on specific pages will require bit of custom work. As of now I can suggest you two possible solutions:

1. Take a look at Conditional Menus plugin. https://wordpress.org/plugins/conditional-menus/. Here is a vidoe tutorial.

https://www.youtube.com/watch?v=37uuUW-6L7s

2.You also have the option to convert to Pro Theme. Pro has header builder using which you can design global or page specific unique menus. You can take a look at following article:

Converting from X to Pro | Themeco Docs

Please note that the plugin I have shared is not a official Themeco advice. It’s just a personal input that I have shared with you to help you get started. 3rd party plugins may cause some issues and we won’t be able to provide support in that scenario.

Thanks.

[yinon2b]

Hi,

Following your recommendation we install Conditional Menus plugin, and its work great, Thanks.
Now we have two main menu to the two different part of the web.
But unfortunately the Responsive menu toggle of one menu does not expand / open on a mobile device.

https://shadoart.com/home/ << Responsive menu toggle works good and expand

https://shadoart.com/home-p/ <<Does not expand

[ruenel]

Hello There,

The mobile menu in each of the page works. It is just that it is not visible enough. To make it visible, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.masthead-inline .x-btn-navbar,
.masthead-inline .x-btn-navbar.collapsed,
.masthead-inline .x-btn-navbar.collapsed:hover {
    color: black;
}

Please check your site now.