Dropdown appearing behind modal

[vividground]

Hi,

There is a drop down selection that is put into a vetical author element > modal > accordian.

On trying to click on the dropdown it seems to be appearing behind the complete modal.

I have added the form on the page next to the “Got Questions” to see the normal function of this drop down.

To replicate issue: click Got questions > click for form > and then try selecting the drop down you will notice the issue

How can I make this dropdown visible above?

[ruenel]

Hello @vividground,

Thanks for writing in! You are experiencing this because the z-index of the Modal element is way higher that the z-index of the dropdown. To get this resolve, you will have to override this by editing your Modal element and insert an inline element CSS.

Kindly let us know how it goes.

[vividground]

Hi, thanks for the response it worked! You are amazing!

[vividground]

But i have a new issue the date dropdown does not appear

[tristup]

Hi @vividground,

I have checked and found the problem you described here. There might be some different reasons behind your issue, I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If the issue was caused by our theme, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: It has been also found the SG Optimizer is active on your website, can you please deactivate it temporarily and check if that resolves your issue.

Thanks