Skip Navigation

[Resolved] background content shifts when modal opens

This thread is resolved. Here is a description of the problem and solution.

Problem:

I've built in which the results of view, when clicked, open a bootstrap modal. It works fine except that as the modal opens, the screen behind it shifts diagonally left and up

Solution:

It is a CSS conflict, see solution here:

https://toolset.com/forums/topic/background-content-shifts-when-modal-opens/#post-1232608

Relevant Documentation:

This support ticket is created 5 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by Joe H. 5 years, 8 months ago.

Assisted by: Luo Yang.

Author
Posts
#1232496
Screenshot_5.jpg

On this page hidden link is a TS View I've built in which the results of view, when clicked, open a bootstrap modal. It works fine except that as the modal opens, the screen behind it shifts diagonally left and up. Then when you dismiss the modal the screen shifts back to its original position. I would like to eliminate this shift but I am not sure what is causing it. Any ideas?
thank you

#1232608

Hello,

It should be a compatibility problem of your website, after I click and open the model, it keeps on adding a CSS codes to HTML body tag, for example:

<body ... style="padding-right: 17px;">

But you can use CSS codes to override it, for example:

body{padding-right: 0px !important;}
#1232985

My issue is resolved now. Thank you!