Proper Way To Setup Mobile Header / Menu?

[Chris Hayes]

I’ve been playing around with the mobile header trying to get it to work the way I need but no luck.

On desktop / laptop / tablet I’d like to have a regular text menu (this is currently setup).

For mobile I’d like to have a hamburger menu on the top left.

I see the option “Please change the Menu Type to ‘Popup Menu’, If you want to use the hamburger menu.”

The issue is I only want hamburger menu on mobile, not all the time.

Another issue is I want hamburger menu / logo / add to cart all to be aligned, but the cart is being pushed off onto the next line, not sure why I think it’s setup properly.

This field is Private Content.

• This topic was modified 7 months, 3 weeks ago by Chris Hayes.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @chrishayes,

1. “Please change the Menu Type to ‘Popup Menu’, If you want to use the hamburger menu.”

This instruction is for the Desktop menu, as if you would like to use the Hamburger menu type on the desktop, then you can use that option, however, on the mobile version, every menu type automatically changes to the Hamburger mobile menu.

2. And for the Mobile header, I have set it for you on your site, you can modify it from here: https://ottawahousesigns.ca/wp-admin/post.php?post=200&action=elementor and please refer to this screenshot: https://postimg.cc/kBxXfL8r

Best Regards,
PThemes Team.

[Chris Hayes]

Thanks Aizaz, it looks great!

[Aizaz Awan]

Hello,

You’re very welcome! I’m glad to hear the issue is solved. If you need any further assistance, feel free to reach out. Happy to help anytime!

Have a nice day.

Best Regards,
PThemes Team.

[Author]

Posts