Modal Not Centered

Support
#1

Hi,

I have three rows of 3 Content Area Modals. When I click to launch the modal it appears to always be vertically centered over the 2nd row. How can I make the modal show up over the row that it’s clicked in?

Thanks.

#2

Hey There,

The content area modal will always appear vertically centered and won’t not matter which modal you have clicked and which row. I am just not sure how close your rows when you were clicking the modal. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you in advance.

#3

Here is the url: https://www.tektonministries.org/about-tekton-ministries-our-ministry-team-new/

The team members are about a third of the way down.

If you click on any of the team members in the top row it will load over the second row (off-screen on the bottom). At lease, that’s what I see in Firefox and Chrome.

Thank you.

#4

Hi There @tektonministries

Thanks for writing in! Could you please try removing all of your custom CSS rules and re-test this issue again as it could be related to some conflict with your custom CSS.

Also I see that you’re using WP Fastest Cache plugin. Make sure try disabling it’s CSS and JavaScript autominifications, purge server cache before testing.

Let us know how it goes.
Thanks!

#5

There was a conflict. Thanks. It was this:

.button-bottom-fixed {
position:absolute;
bottom:0;
}

I’m trying to position all of the About… buttons at the bottom of the column but this class is attached to the modal. Do you have an alternate solution to position the buttons at the bottom of each same-height column?

#6

I think I figured it out. Thanks.

#7

Glad you were able to figure it out :slight_smile:

#8

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