Stretch page when rotating smartphone to horizontal

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Knarf
 
 
Posts: 18
Joined: Sat Mar 28, 2009 9:22 am
Location: xxx
Contact:

Stretch page when rotating smartphone to horizontal

Post by Knarf » Mon Dec 31, 2018 12:56 pm

I made a responsive website.
all looks great even on a smartphone.
But when I rotate the smartphone from vertical to horizontal the text does not stretch horizontal.
Must be missing something.
Thanks

User avatar
Pablo
 
Posts: 17986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Pablo » Mon Dec 31, 2018 1:13 pm

To be able to help you I need to see what you have done.
Please always include the URL of the page and exact steps to reproduce the behavior.

Knarf
 
 
Posts: 18
Joined: Sat Mar 28, 2009 9:22 am
Location: xxx
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Knarf » Mon Dec 31, 2018 7:01 pm

www...............

When i view the site on a smartphone (in my case a iphone) and I hold the phone vertically all looks good.
When i rotate the phone in my hand to horizontally position, the text does not stretch to the edges.
The banner and footage does but not the text.
https://www.dropbox.com/s/s19zq4yvvuflv ... 1.PNG?dl=0
https://www.dropbox.com/s/inv3osnehekio ... 2.PNG?dl=0
Last edited by Knarf on Tue Jan 01, 2019 6:14 pm, edited 1 time in total.

User avatar
Pablo
 
Posts: 17986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Pablo » Mon Dec 31, 2018 7:29 pm

Isn't this how you have designed it?
You have used a layer, so the size of the text is 'fixed/absolute'.
If you want the text to be flexible then you will need to use a layout grid instead.

Knarf
 
 
Posts: 18
Joined: Sat Mar 28, 2009 9:22 am
Location: xxx
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Knarf » Mon Dec 31, 2018 7:59 pm

Well this is all new to me, so still in the learning phase.
This layout grid do have to use it on all pages or just the 320 one.

User avatar
Pablo
 
Posts: 17986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Pablo » Mon Dec 31, 2018 9:28 pm

I think it's best to replace the layer with a layout grid for all breakpoints.

Knarf
 
 
Posts: 18
Joined: Sat Mar 28, 2009 9:22 am
Location: xxx
Contact:

Re: Stretch page when rotating smartphone to horizontal

Post by Knarf » Wed Jan 02, 2019 1:09 pm

Thanks.

Post Reply