Site double-referencing HTML object on iPad-Landscape view

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
User avatar
etcbbu
 
 
Posts: 328
Joined: Mon Apr 23, 2007 3:00 pm

Site double-referencing HTML object on iPad-Landscape view

Post by etcbbu » Mon Mar 20, 2017 5:23 pm

Hi all,

If you could, look at this page of my website on ANY non-iPad device:

http://brelsfordpersonnel.com/contactus.php

Now, if you can, look at this page on an iPad on "Landscape" mode (that is, when you turn the iPad long-ways):

http://brelsfordpersonnel.com/contactus.php

Notice how when you scroll down to the bottom of the page and look where the 3-D Google Tour/Map of the inside of the office is, when you look at this on Landscape mode on an iPad, it, for some reason, calls BOTH versions of the "HTML Object" that I call, meaning it shows both Google Maps Both objects are called, and I am not understanding why. Only one of them is supposed to be called and the other hidden on *one* Breakpoint; and then, on another Breakpoint, the OPPOSITE one is supposed to be called and the OPPOSITE one hidden.

So at any Breakpoint on any device, only one of them is supposed to ever be called. Why, when you look at this page on an iPad, does it call both instances of my HTML object? Would it be helpful for me to post my .WBS project-file in order to get an answer to this question?

--ecbbu
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social/Networking, SEO/Search Engine Optimization

www.ktravisj.com

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

Re: Site double-referencing HTML object on iPad-Landscape view

Post by Pablo » Mon Mar 20, 2017 5:57 pm

Most scripts do not take the visibility of the HTML's container into account.
Basically these scripts replace the entire HTML container and render dynamically generated new content at the same position.
Also it is usually not a good idea to use the same scripts multiple times in different breakpoints.
The script should take care of its size and position in all breakpoints. In other words, the script should be responsive.

Please note that I cannot give support on third party code, because for me it will also take a lot of time to figure out how this script works and how to make it responsive.

User avatar
etcbbu
 
 
Posts: 328
Joined: Mon Apr 23, 2007 3:00 pm

Re: Site double-referencing HTML object on iPad-Landscape view

Post by etcbbu » Mon Mar 20, 2017 6:04 pm

So, may just be best to make the HTML container object 320-Pixels Wide even on the default 970-Pixel Width Breakpoint, and just have that one instance, that one object, called on both Breakpoints?

--etcbbu
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social/Networking, SEO/Search Engine Optimization

www.ktravisj.com

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

Re: Site double-referencing HTML object on iPad-Landscape view

Post by Pablo » Mon Mar 20, 2017 6:35 pm

If the code you are using is responsive then you can reuse the same HTML object in all your breakpoint with different sizes.

Post Reply

Who is online

Users browsing this forum: Bing [Bot] and 1 guest