Responsive design isn't. ***RESOLVED***

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
Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Responsive design isn't. ***RESOLVED***

Post by Fredl » Tue Oct 02, 2018 6:29 pm

I have a very simple 1 page site I designed with 3 breakpoints, when I tested it in Firefox with Cntrl+Shift+M the layout responds correctly, but I pushed it to the server and it only shows the 320px layout no matter what screen it is viewed on. I don't have any shapes or non-responsive elements and checked for hidden objects outside the frame but there are none. I noticed that the default view was layed out like the 320px one, so I tried not publishing it, only publishing the 3 different layouts, but that didn't help. Any Ideas? Thanks in advance for any help you can offer!
Last edited by Fredl on Thu Oct 11, 2018 4:36 pm, edited 3 times in total.

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

Re: Responsive design isn't.

Post by Pablo » Tue Oct 02, 2018 8:22 pm

Did you publish all files?
What is the URL of the page?
And where exactly do I need to look to see the issue?

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Tue Oct 02, 2018 8:49 pm

The URL is http://www.phoenixporta.com/
When I open it on a desktop it shows the 320px layout.
I clicked "Publish" I can't imagine that would leave out files.
Thanks so much for your help Pablo, you're the man!

User avatar
crispy68
 
 
Posts: 563
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Responsive design isn't.

Post by crispy68 » Tue Oct 02, 2018 11:20 pm

Just curious, do you have your breakpoints from largest to smallest starting on the left with 'default'. What is your default page width?

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

Re: Responsive design isn't.

Post by Pablo » Wed Oct 03, 2018 6:08 am

I agree with crispy68, it looks like the default view is not the largest view of the page.

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 1:39 pm

That very well might be it! I figure most people will be loading the site on their phones so I began my design process with that in mind. Thanks a bunch, I'll go back and re-order the breakpoints from largest to smallest, I wasn't aware that was necessary.

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

Re: Responsive design isn't.

Post by Pablo » Wed Oct 03, 2018 2:37 pm

The order of the breakpoint does not matter.
However, the default view must be the largest view.

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 3:43 pm

Is there a way to copy my large layout to the "default" view, or to assign it as the default view? because for some reason the default view is the smallest

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

Re: Responsive design isn't.

Post by Pablo » Wed Oct 03, 2018 4:03 pm

I guess I can't treat each breakpoint as it's own layout?
Yes you can, note howerer that objects are shared between breakpoints. Some objects may not be responsive.

See also the FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 7:18 pm

Thanks, I got it working correctly now, I made sure that my default was the largest (and I didn't check Don't publish on the default that was layed out wrong before) I wasn't paying enough attention to the objects manager when I was experiencing unexpected behavior as well. Thanks again for your help!

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 7:28 pm

Ooops! I spoke too soon, The site previewed correctly on my desktop browser at each of the breakpoints, but now that I have published the site when I open it on my Android (Cheap Samsung J3) phone the top of the page is a mess, with text all over itself. Not sure how to fix it since it doesn't do that in the editor. I tried to redo the top section, with the name of the restaurant and address, treating each line separately since I'm using several font sizes. I made sure to use the default output format, and ticked "Enable responsive fonts" but it is still a mess after publishing the newest version to the web. I thought I was only using safe fonts, but maybe Times New Roman isn't, I chose it because that is how their existing logo and letterhead etc is. I checked on a colleague's iPhone and it looks fine.

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 8:24 pm

I replaced the messy text in the 320px layout with a single graphic I made in GIMP, but that isn't a great solution since the font pixelates.
I guess I could use some pointers to understand why text might get jumbled even though it looks right in preview mode.

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

Re: Responsive design isn't.

Post by Pablo » Wed Oct 03, 2018 8:35 pm

I do not see any issues, everything look good as far as I can tell.
Maybe your mobile is displaying an older version of the page from cache?

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't.

Post by Fredl » Wed Oct 03, 2018 8:59 pm

I replaced the problematic text with a single graphic that includes the wording, but the fonts from WB14 are much sharper. I'll figure it out eventually, thanks for checking back, I really do appreciate it!

Fredl
 
 
Posts: 40
Joined: Tue Feb 21, 2017 10:15 pm

Re: Responsive design isn't. ***RESOLVED***

Post by Fredl » Wed Oct 03, 2018 11:47 pm

I noticed that there are still some issues on various browsers (Firefox in Linux, but NOT Chrome in Linux) where text spills onto or behind the pictures or on top of other text. Any ideas?

Post Reply