[Pro] Responsive Modal Pop Up

Is there and easy way to make a meal window responsive?

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

What do you mean by a meal window? Do you mean modal? How did you style that modal? If it’s sized in percentages, then it will respond to the viewport by becoming that percentage of the available space.

Walter

On Apr 19, 2018, at 6:27 PM, billy kimmel email@hidden wrote:

Is there and easy way to make a meal window responsive?

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Yes, I mean Modal.

You can view it here: http://www.aroundgtown.com

There is a style sheet where I have stated the following:
modal-window: iframe;
modal-window-width: 600px;
modal-window-height: 620px;

Doesn’t make it responsive with percentage.
Is it stated elsewhere in the .js file?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Scroll to the link in the “Register” Box. “more information >>”


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Right. Those pixel width and height values are fixed, not fluid. Try changing them to some percentage of the window width and height, or use the vh and vw (viewport height and width) measurement units. Those go 1-100, so you would use 70vw to make the modal 70% of the viewport width. You can use the viewport height to control the width, and vice-versa as well. It’s a very powerful measurement unit. Freeway won’t display it correctly, but I doubt it is doing so in this case either.

Finally, are you sure that this is a style sheet? These don’t look at all like CSS instructions, more like this is a JavaScript instruction set, which will compile to CSS later.

Walter

On Apr 20, 2018, at 8:56 AM, billy kimmel email@hidden wrote:

Yes, I mean Modal.

You can view it here: http://www.aroundgtown.com

There is a style sheet where I have stated the following:
modal-window: iframe;
modal-window-width: 600px;
modal-window-height: 620px;

Doesn’t make it responsive with percentage.
Is it stated elsewhere in the .js file?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

It is Java.
The style sheet is called modal style.css
I tried:
modal-window-width: 100vw;
modal-window-height: 100vh;

still doesn’t make it responsive it just resizes the box.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

I’m getting a 403 error when I visit that URL.

Walter

On Apr 20, 2018, at 8:59 AM, billy kimmel email@hidden wrote:

Scroll to the link in the “Register” Box. “more information >>”


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Sorry. Try again. I was uploading to a new folder.

http://www.aroundgermantown.com

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

its there now


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Try changing it to a percentage, rather than the vh / vw properties. Those are likely newer than your modal framework knows about.

Walter

On Apr 20, 2018, at 9:58 AM, billy kimmel email@hidden wrote:

its there now


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

I wonder if there is some css that would tell the iFrame to be flexible?
Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options