Break point leading to poor formatting

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
charles m
 
 
Posts: 17
Joined: Fri May 15, 2020 3:08 pm

Break point leading to poor formatting

Post by charles m » Tue Jun 16, 2020 11:54 am

Hi Pablo

Here is a novice question im sure. Crispy has very kindly pointed us in the direction of a few problems we have been having.
The general layout for our website is now set and we are getting into the detail.

Currently we have been working on the homepage which we have managed to get to work for both monitors and view on smaller phones using a break point set at 375 in portrait). This works perfectly,
https://www.meloy.co.uk/meloydemo/

Then we have tried to do the same thing on the project page (which will form the basis for the other pages).
https://www.meloy.co.uk/meloydemo/Hill- ... vhaus.html

This will allow us to hide unwanted layout grid boxes and make the site more responsive for really small screens. The problems being the header and footer lose their formatting. I have checked all the objects to make sure they aren't larger than 375....

I have tried the breakpoint setting in none and constrain to portrait (which is how the homepage is set). This makes no difference.

I'd be grateful for any ideas :-/ ? Its a minefield out there!

Thanks Charles

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

Re: Break point leading to poor formatting

Post by Pablo » Tue Jun 16, 2020 12:13 pm

There are several images with invalid filenames.
- names should not start with a number
- filenames should not have spaces

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... f=10&t=131

charles m
 
 
Posts: 17
Joined: Fri May 15, 2020 3:08 pm

Re: Break point leading to poor formatting

Post by charles m » Tue Jun 16, 2020 12:35 pm

Thanks Pablo

Ive updated the naming. Unfortunately it makes no difference.... :-/

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

Re: Break point leading to poor formatting

Post by Pablo » Tue Jun 16, 2020 12:46 pm

What is it suppose to looks like?
Where exactly on the page do I need to look to see the problem?

charles m
 
 
Posts: 17
Joined: Fri May 15, 2020 3:08 pm

Re: Break point leading to poor formatting

Post by charles m » Tue Jun 16, 2020 12:55 pm

So its the difference between the homepage

https://www.meloy.co.uk/meloydemo/

and the project page

https://www.meloy.co.uk/meloydemo/Hill- ... vhaus.html

both work well when viewed in a standard monitor. When viewed in a phone (less then 375) the project page has problems. The header misaligns (you will see the 'MA' drops down. Also the footer is all over the place (misaligned text, large twitter symbol and large 'RIBA' image)....

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

Re: Break point leading to poor formatting

Post by crispy68 » Tue Jun 16, 2020 1:20 pm

I'm not seeing any issue. Viewed on my Samsung Galaxy 7. Viewport size of my phone is 360px.

homepage:

Image

project page header:

Image

project page footer:

Image
Last edited by crispy68 on Tue Jun 16, 2020 1:26 pm, edited 1 time in total.

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

Re: Break point leading to poor formatting

Post by Pablo » Tue Jun 16, 2020 1:25 pm

I also do not see any issues on my iPhone.

Also, are you sure your phone has a smaller screen than 375?

charles m
 
 
Posts: 17
Joined: Fri May 15, 2020 3:08 pm

Re: Break point leading to poor formatting

Post by charles m » Tue Jun 16, 2020 3:02 pm

Thanks Crispy. Good to know it could work.
I found the problem by clearing the data on my Samsung. These two pages are working find now though.
Thanks gain for your help

Post Reply