Booking Form Pop Up goes behind section instead of in front of it

Support
#1

Hi, I’ve done a website and there’s a booking form that pops up in a window, but for some reason it goes behind the section that’s below it instead of being on top of it! I have no idea how to correct this, as I though pop ups over layed website pages so they were on top of the page content?

The URL is:

If you scroll down the page so the ‘Request an appointment’ button is near the top of the page and then click it, you will see the issue.

I’ve uploaded a screen grab for your reference.

Thanks!

#2

Hello @core365,

Thanks for asking. :slight_smile:

You need to adjust the z-index values. Please try adding following CSS under X > Theme Options > CSS:

.commusoft-mini-app{
z-index: 999;
}

To learn more about CSS z-index property, please take a look at following resource.

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Thanks.

#3

Hi, I’ve added in the CSS but unfortunately it’s still the same, it’s still showing behind the section. I tried changing the numbers too, but that didn’t do anything either.

Thanks!

#4

Hi there,

Please edit the z-index setting of the section that contains the button that launches the form and set it to 99 or higher.

Hope this helps.

1 Like
#5

Hi @Jade,

That’s sorted it, thank you so much!

Thanks for your help!

1 Like
#6

You’re most welcome. :slight_smile:

1 Like
#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.