Modal dialog on a mobile phone

[alex4orly]

Hello friends,
I jst finished setup of a simple PayPal account for this website:
https://communitylifestyleaccommodation.org.au -> Menu option "CLA-Support"
It works fine, but on a mobile phone or a smaller device - the width of the Modal Dialog with the Terms & Conditions is two wide.
I tried hiding the original and made a smaller version, but the larger one still comes up on the break points.

Any idea how to fix that?

Thanks

[Pablo]

A modal dialog can have a different size in breakpoints.

[alex4orly]

Yes, I did that.
I have a breakpoint at 786 and 320
But on my mobile phone - it stll comes up at full width

So, what else can I do?
Thanks

[Pablo]

To be able to help you I need to see your (stripped) project.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[alex4orly]

OK, made a minimal version of the project, the file is here:
https://communitylifestyleaccommodation ... 4Pablo.wbs

The menu option is calling through an event the javascript function (my own code) but had to leave it in to show the problem
IT loads a Dialog and loads automatically on top a Modal dialog.

On a mobile phone, it brings up the Modal dialog in the full screen width, this is what I am trying to resolve

Thanks

[Pablo]

In 'Manage breakspoints' select 'Activate breakpoint when browser window is larger than the device width', otherwise the 320 is never activated because there are not many devices smaller than 320...

[alex4orly]

Thannks for the tip.

It "Kind" of works.... Whan visiting on my mobile phone - it shows up in full size and only reduces itself when I scroll down the page.
This should not be the case

What else should I do?

Thanks

[Pablo]

The browser should immediately show the smaller size.

[alex4orly]

Well, it seems the browser didn't read the manual

Thanks again