Mobile Menu being cut off

[AK49_Logan_907]

Hi,

Any advice on why the mobile menu is being cut off on X Pro?

Thanks!

[prakash_s]

Hello @AK49_Logan_907,

Thanks for writing to us.

It is not possible to investigate your issue with only a screenshot. It might be the issue of plugin conflict or JS/CSS customization. I would suggest you troubleshoot with a few of the common issues before we investigate your settings.

1. Testing for Plugin Conflict
2. CSS/JS Customization
3. Version Compatibility
4. Disabling Cache

If none of those work, please send your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

[AK49_Logan_907]

Hi,

I can’t seem to find the conflict but I added a secure note.

I appreciate any help you can provide. Thank you!

[nabeel]

Hey @AK49_Logan_907,

Thank you for providing the credentials. Due to limited space in mobile devices, It’s best to use Navigation Collapsed element instead of Navigation Dropdown.

Navigation Dropdown can be used if your menu doesn’t have sub menus. Hope this helps!

[AK49_Logan_907]

Hi,

That helps a lot thank you very much. I ended up landing with “Navigation Layered”.

I was hoping you could tell me what custom CSS needs to be added or if I’m missing a simple color edit option somewhere?

I’m trying to make it similar to the right-hand “Search Module” where it’s transparent with white lines than white with black lines on hover. How can I add a space in the middle of the two buttons too? As everything I change doesn’t seem to affect it.

Any help would be appreciated, thank you!

[friech]

Hi Logan,

Navigation Modal element or any toggle element has the Toggle tab where you can configure it like a button, please see the following screenshots.

More details about navigation modal and navigation layered element here.

Hope it helps,
Cheers!