Bootstrap 3 modal does not scroll on mobile

This support ticket is created 5 years, 3 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/Karachi (GMT+05:00)

Tagged: Types plugin

This topic contains 2 replies, has 2 voices.

Last updated by Pat 5 years, 3 months ago.

Assisted by: Waqar.

Author

Posts

November 1, 2019 at 9:12 am #1374537

Pat

Hello,

I have a site with Toolset and have defined to load Bootstrap 3
I have inserted inside a template, a modal in which I have placed a Cred form.

On desktop display, no issue and the modal window works well.
On mobile, the modal window opens but then, only a small part of the modal content is visible and there is possibilities to scroll in order to get the whole Cred form.

Is there a way to get this scrolling function inside the modal window?

Regards
Pat

November 1, 2019 at 2:10 pm #1374635

Waqar

Hi Pat,

Thank you for contacting us and I'd be happy to assist.

What you noticed is the default behavior of how the modal feature works in Boostrap 3, which can also be seen on its official documentation page:
hidden link

To make the scrolling move inside the body of the modal, you can include some custom CSS, similar to what is suggested in this reply:
https://stackoverflow.com/a/31882320

Note: To explore CSS code that applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

regards,
Waqar

November 4, 2019 at 2:24 pm #1375511

Pat

Hi Waqra.

Understood.
Thanks
Pat