Page 1 of 1

Modal dialog on a mobile phone

Posted: Sun Aug 11, 2019 12:05 am
by 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

Re: Modal dialog on a mobile phone

Posted: Sun Aug 11, 2019 6:20 am
by Pablo
A modal dialog can have a different size in breakpoints.

Re: Modal dialog on a mobile phone

Posted: Sun Aug 11, 2019 9:55 am
by 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

Re: Modal dialog on a mobile phone

Posted: Sun Aug 11, 2019 11:12 am
by Pablo
To be able to help you I need to see your (stripped) project.

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

Re: Modal dialog on a mobile phone

Posted: Mon Aug 12, 2019 6:12 am
by 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

Re: Modal dialog on a mobile phone

Posted: Mon Aug 12, 2019 6:49 am
by 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...

Re: Modal dialog on a mobile phone

Posted: Mon Aug 12, 2019 7:36 am
by 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

Re: Modal dialog on a mobile phone

Posted: Mon Aug 12, 2019 8:50 am
by Pablo
The browser should immediately show the smaller size.

Re: Modal dialog on a mobile phone

Posted: Mon Aug 12, 2019 9:19 am
by alex4orly
Well, it seems the browser didn't read the manual

Thanks again