How to make transparent dropdown many on all my pages, website in general

Hi,
I have a question about how to make a dropdown menu to be gray transparent like in the example attached.
I want to have a transparent background on mobile, tablet, and desktop views.
Can I change colors on transparency and text colors as well?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-side-hidden.wd-opened {
    background: rgba(0,0,0,.4);
}

.wd-nav-mobile>li>a {
    color: white;
}

li.mobile-tab-title.mobile-pages-title.wd-active a {
    color: white;
}

Best Regards

Ok. thanks. I did that.

But my question was “How to make a transparent dropdown menu on ALL MY PAGES, AND WEBSITE IN GENERAL?”

This only changes dropdown color on categories and letters are almost invisible as you can see in the attachment.
On my home page dropdown menu is still white.

I want transparency on all my menus, and letters on them to be white so visitors can see what they are doing.
I don’t know how to be exact and precise to explain as obviously I’m not a website developer.
What should I add to accomplish that?
thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous Custom CSS with the following then check back.

.wd-side-hidden.wd-opened {
    background: rgba(0,0,0,.4);
}

.wd-nav-mobile>li>a {
    color: white !important;
}

If the issue still occurs then provide the admin panel login details of the website.

Best Regards

He, it will be best for you to log in.
While are you there, please help me with the other things mentioned below, I have had a problem with it for a few days now.
Thanks

Hello,

The CSS is working absolutely fine as it should.

Screenshot for Clarification: https://gyazo.com/50a9de24ec20c57fe501aad950213f4e

Please clear cache and check back.

Please create separate topics for each of your issues in the support forum to avoid any confusions.

Best Regards

Ok. The home page is working, that worked in the first time,
but check the links below.

Attachments:

You must be logged in to view attached files.

Great! Now it works fine on other pages.
Thanks!

No. I still have this problem.
Please check this link.

Hello,

Your issue has been Resolved. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/ef39be2be84ea173b7e19ddb4da2f795

Best Regards

Seems like it’s solved now.
Thank you very much 🙂
Regards

Hello,

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts