Modal Problem

[sadrobot]

Hi there.
I know this issue has been risen before various times, but all the ‘fixes’ I do don’t seem to work for me, so I hope you can help!

If you visit:
http://aromarestoratives.co.uk.91-102-64-132.preview.fastwebhosting.net/treatments/aromatherapy/

Then click the first ‘Book Treatment’ button (60 minutes), the modal window appears, but behind the grey fade. I also see it slide in BEHIND the top menu.

I have tried turning off ALL plug ins, but the problem remains, and I’ve also tried altering the z-index of the modal, but that doesn’t seem to work either. I’ve tried the ‘hidden’ css quick fix, but that doesn’t display anything at all when it’s clicked. 🙁

Is there something else I could try?

Hope you can help! Many thanks.

[David Martin – Support]

Hi,

Can you bring the site up to the latest version 3.2.0 https://www.dropbox.com/s/z51yj9z188338ke/neigborhood.zip?dl=0

Then also update WP to 4.4?

Thanks.

[sadrobot]

Hi there. Many thanks for your response and the theme update. Unfortunately updating the theme and WordPress didn’t work – the modals still appear behind the fade! 🙁
I’ve also lost all my footer information since updating! Oh dear!

Is there anything else I could try? Any fancy CSS fix?

Thanks again

[David Martin – Support]

Hi,

I am testing this here, it seems to be caused by additional shortcodes: http://aromarestoratives.co.uk.91-102-64-132.preview.fastwebhosting.net/model-test/

What plugins are generating those?

Thanks.

[sadrobot]

Hello.
Thanks for your response.

Hmmm.. it’s a bit of an odd one. Your tests work, and if I do my own tests on a blank page it works, but as soon as I put it on a page built in Swift builder, it doesn’t.
The only shortcode I’m using on the page is for WP-Trigger, but this is working on my test ok, so I don’t think it’s that.

However… I think I’ve found the problem out….!

If I put the modal buttons in Swift Builders ROWs, the modals do not work correctly.

But if I DON’T put them in a ROW, then they work fine.

Here’s a test:

http://aromarestoratives.co.uk.91-102-64-132.preview.fastwebhosting.net/treatments/aromatherapy-2/

The first two buttons are IN A ROW element/layout, and the bottom two are not (which work).

At least if I know where the problem is I can work around it, so hopefully this might put you on the right track for a future fix?

Thanks again for your time!

[David Martin – Support]

Thanks I have used your code and can also replicate this, I have reported this back for investigation and fix for a future update.

Thanks.