Unwanted Transition With Full Width Navigation Drop-down Menu

Hi,

I used a full width navigation drop-down menu for my website. But I found there are always some texts left on the screen for about 0.5 seconds. Please check my site link and attached files so you will see what I mean. I would like to remove it but it’s very difficult for me to locate it. Could you help me?

Best regards,
Simon

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hi, Please check the login details in private content

Hello,

Sorry to say your admin login URL Redirect to the account page after login to your site So, i am unable to login your site. Please give me the site access so i will check and give you a possible solution.

Best Regards.

Hi,

I tried to login with the provided url and credentials and it works. Could you send me a screen capture where you stucked?

Best regards,
Simon

Hello,

Now the logins are working. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know I will further check on your site and give you a possible solution.

Best Regards

Hi,

I tried to deactive all unnecessary plugins and only leave Elementor, Woocommerce and Woodmart Core active. I still have the same issue. Could you look into the reason or just send me a CSS code to solve this issue?

Best regards,
Simon

Attachments:

You must be logged in to view attached files.

I think I found the reason. The reason was my CSS. I used the code below to have a transparency for the dropdown menu. How can I set the transparency without having any issue?

div .color-scheme-dark {
opacity: 0.96 !important;
}

Hello,

You can adjust the transparency without the text delay issue by trying this CSS. Try to use this custom css.

div .color-scheme-dark {
  background-color: rgba(0, 0, 0, 0.96) !important;
}

Best Regards

[Author]

Posts