Menu style of the mobile device version as a full page menu option for my website

[kamylyonz]

I am looking to have the menu style (three bar shape) of mobile device as the menu style for my website visited through web browser. How can I get it done.

Thanks,

[tristup]

Hi @kamylyonz,

Thanks for reaching out.

What are you looking for its called the Hamburger menu, and it will automatically appear when you open your website in the mobile or smaller screen device.
It converts the menu into a Hamburger menu which will open once you click into it and it quite normal in mobile devices.

Now if you are looking for the same Hamburger header menu in the desktop version, regretfully, there is no such option in the X theme you are using.
Although you can add the Navigation Modal element into the content area to get a similar output, you cant add the same into the header section.
You can learn more on the element here: https://theme.co/docs/navigation-modal

But you can do that with the Pro header and footer builder, where you can create your customized header along with the elements you want.
You can learn more on Header & Footer builder from here: https://theme.co/docs/header-footer-overview

I would like to suggest you to upgrade from the X to Pro. Here’s the link https://theme.co/docs/converting-from-x-to-pro

Hope it helps.

Thanks