The Navigation Collapsed drop down menu is not working properly on mobile

[tamertrad]

I have created Navigation Collapsed drop down menu for mobile view (vertical & horizontal). I tried to make it fullwidth but no use.

The dropdown menu is shifted a bit. This is the link to the URL https://pro.mywebcontent.org/

I’ll be thankful if you can share with me how to solve this issue.

Thank you
Tamer

[ruenel]

Hello Tamer,

Thanks for writing in! I am seeing this in your site when viewed on my phone.

To better assist your with your issue, we would love to check your custom header and element settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[tristup]

Hi Tamer,

The menu shifted due to the default style used in it. To override that you need to use the following custom CSS code in the Element CSS of the Dropdown element. I have checked and added the code and it is working fine.

$el.x-dropdown 
{
    inset: 82px 0px auto auto !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Tamer