Responsive page with blank side

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
Robson
 
 
Posts: 6
Joined: Mon Aug 21, 2017 1:36 pm

Responsive page with blank side

Post by Robson » Thu Nov 23, 2017 5:32 pm

Hi

In my project, i made a copy of every objects in full page and hide in responsive page.
Paste the copy in responsive page and i do modifications because i haved any problems when i just only hide and include the objects, but when i open the page in 320px have a blank right side and the menu in top have more than 320px.

please, see the page in smartphone and you will understand.

URL of the page: http://www.sbturismodf.com.br

In my project dont have any object in blank in this right side, all is hide.

You can see where i do something wrong?

thanks.

User avatar
BaconFries
 
 
Posts: 4490
Joined: Thu Aug 16, 2007 7:32 pm

Re: Responsive page with blank side

Post by BaconFries » Thu Nov 23, 2017 5:58 pm

Although I do not see the white space you are referring to when viewing on my Android phone this is usually associated with objects being outside the boundaries. See the following reading from.
There is a large is empty space at the bottom (or right side) of my page.

Responsive Web Design FAQ

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

Re: Responsive page with blank side

Post by Pablo » Thu Nov 23, 2017 6:22 pm

I see a lot of issues in your page.
For example, have placed a layout grid inside a layer, that does not make any sense.
There are also other nested forms/layers/layout grid. It looks very confusing (based on the HTML code).
Also there is no need to copy/paste objects from the default view to breakpoints. It is the same page, so you can reuse the same objects.
It looks like you have made it yourself more difficult than necessary.

I suggest that you cleanup your layout and test the page on your smartphone with each step so you can easily go back one step if it does not work the way you like it.

Robson
 
 
Posts: 6
Joined: Mon Aug 21, 2017 1:36 pm

Re: Responsive page with blank side

Post by Robson » Thu Nov 23, 2017 7:09 pm

Thank´s

I will cleanup my layout to test.

I have placed a layout grid inside a layer to test because i think the text will be responsive and i forgot to undo after see they will not. rsrsrs
I will undo this.

But i have placed a layout grid inside a layout grid or flexbox to make the objects stay in positions determinate.
This will be a problem too?

And the events dont works in flexbox too, only Layout Grid, right?

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

Re: Responsive page with blank side

Post by Pablo » Thu Nov 23, 2017 7:22 pm

This will be a problem too?
It may not cause problems, but I don't think it is necessary to make it yourself so difficult.

Events are not supported, but normally events are applied to objects, not to the container.

Robson
 
 
Posts: 6
Joined: Mon Aug 21, 2017 1:36 pm

Re: Responsive page with blank side

Post by Robson » Thu Nov 23, 2017 7:39 pm

Events are not supported, but normally events are applied to objects, not to the container.

But the objects, when inside the flexbox dont supported the events too.

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

Re: Responsive page with blank side

Post by Pablo » Thu Nov 23, 2017 9:21 pm

But the objects, when inside the flexbox dont supported the events too.
This is not correct. Object events work the same inside and outside a flex container.

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests