Mobile Device Screen Width when using Bookmark

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
code2
 
 
Posts: 85
Joined: Thu Mar 30, 2017 5:19 am

Mobile Device Screen Width when using Bookmark

Post by code2 »

Hi,

Came across this issue with using a Bookmark outside the WWB Design area. I have seen some of the WWB Designers' Youtube videos where the instruction is to place the Bookmark in the location you want but just outside the design area.

This sort of makes sense, because when using Layout Grids, Card Containers, Bookmarks either just float in that space or sometimes even it seems to go behind an object and then you cannot access the Bookmark easily.

Anyway, I did what was suggested and on an Android and iOS mobile device, the screen widths do not behave not as expected. It is like the bookmark is invisible (as it should be) but affects a page's screen width.

In the linked project and demo, it appears that when you expand and reduce (fingers swipe apart, finger swipe together) any images/text object are reduced to only a small party of the screen rather going back to filling the screen at the expected display width.

Play with the Demo on some different mobile device and you might understand what I am trying to say a bit better. Change between Home and Page 1.

Home has the Bookmark just outside the WWB design area and Page1 does not have a Bookmark at all. I have used a Samsung Tablet, HTC 6" Mobile telephone and an iPad Pro to test this issue.

https://targe.com.au/beta3/index.html

https://targe.com.au/beta3/Test - Bookm ... nWidth.wbs
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Mobile Device Screen Width when using Bookmark

Post by crispy68 »

In a floating layout a flex container or layout grid can be a bookmark itself. There is no need to use the bookmark object. This will give you better control.
code2
 
 
Posts: 85
Joined: Thu Mar 30, 2017 5:19 am

Re: Mobile Device Screen Width when using Bookmark

Post by code2 »

Thanks

@crispy69

Understand the Layout and Flex Container are their own bookmarks. I was trying to do something special with a fixed header by trying to force a menu selection to go to top of page without reloading the page. That part is not working anyway.

But, I just wasn't expecting that swipe behaviour on mobile device.
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Mobile Device Screen Width when using Bookmark

Post by Pablo »

Play with the Demo on some different mobile device and you might understand what I am trying to say a bit better
This is logical behavior. Because if you place the bookmark outside the viewport then it will make the viewport larger/wider.

Also, note that if you put the bookmark at a fixed/absolute position then this may not be correct when the rest of the layout is flexible.
So, if you really want to use a separate bookmark then it needs to be inside one of the layout grids.
Post Reply