Faulty break point

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
Philip Fong
 
 
Posts: 32
Joined: Thu Jul 31, 2014 2:16 pm

Faulty break point

Post by Philip Fong » Mon Feb 11, 2019 6:33 am

The break point at 1200 does not abide to page height while other do.
If I delete the 1200 break point, the rage from 1100 to 1500 inherit the issue:

https://s3-ap-southeast-1.amazonaws.com ... dex-1.html

File:
https://drive.google.com/open?id=1wUyCe ... cNun_6P8Lx

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

Re: Faulty break point

Post by Pablo » Mon Feb 11, 2019 7:09 am

The page width/height in Page Properties does not set the page size, but the workspace size.
The actual height is determined by the content on the page.

See also:
There is a large is empty space at the bottom (or right side) of my page.
viewtopic.php?f=10&t=63817

Philip Fong
 
 
Posts: 32
Joined: Thu Jul 31, 2014 2:16 pm

Re: Faulty break point

Post by Philip Fong » Mon Feb 11, 2019 8:07 am

That is the problem, I checked the break point at 1200 and there are no objects larger than the intended page size.
That particular break point has horizontal scroll bar appear as I resize the browser that shows huge width & height while others are ok.

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

Re: Faulty break point

Post by Pablo » Mon Feb 11, 2019 8:45 am

What extacly do I need to so to see the scrollbar?

Note that some of the animations used on the page affect the page size because they use translations to animate the objects, this may activate the scrollbar in some browsers.

Philip Fong
 
 
Posts: 32
Joined: Thu Jul 31, 2014 2:16 pm

Re: Faulty break point

Post by Philip Fong » Mon Feb 11, 2019 8:53 am

Please resize your browser window by dragging the edge between 1500 to 1100, the horizontal bar will appear at 1200 break point, the vertical scroll bar too will extend to huge height.

All other break points have no issue, just 1200.

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

Re: Faulty break point

Post by Pablo » Mon Feb 11, 2019 9:11 am

I do see a (temporary) scrollbar but as mentioned I think this is caused by the animation(s).
If you remove all animations then this will not happen.

Note the the default view should be the widest view, so the default view should be 1500.
Also. when using layout grids you normally do not need this many breakpoints.

Philip Fong
 
 
Posts: 32
Joined: Thu Jul 31, 2014 2:16 pm

Re: Faulty break point

Post by Philip Fong » Mon Feb 11, 2019 11:21 am

The affected page is index-1, not the index, sorry for the confusion, I was busy fixing other pages.

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

Re: Faulty break point

Post by Pablo » Mon Feb 11, 2019 12:21 pm

My feedback was also related to this page.

Philip Fong
 
 
Posts: 32
Joined: Thu Jul 31, 2014 2:16 pm

Re: Faulty break point

Post by Philip Fong » Tue Feb 12, 2019 1:30 am

After adding and removing additional break points, the problem resolved.

Post Reply