iPhone (Safari) text overwrites text

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
wysiDan
 
 
Posts: 24
Joined: Mon May 21, 2018 2:55 pm

iPhone (Safari) text overwrites text

Post by wysiDan » Wed Jul 18, 2018 8:07 pm

I have wysiwygwebbuilder 14 and am building a website www.churchwallet.com. The website text looks fine when viewed on Chrome but when I go to my iPhone (Safari browser) the text in LayoutGrid10 overwrites the text on a rectangle shape in LayoutGrid28 center divider above the LayoutGrid10. What can I do to prevent this while not changing the look from Chrome?

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

Re: iPhone (Safari) text overwrites text

Post by Pablo » Wed Jul 18, 2018 8:13 pm

I do not see any issues on my iPhone.
What does it looks like for you?

wysiDan
 
 
Posts: 24
Joined: Mon May 21, 2018 2:55 pm

Re: iPhone (Safari) text overwrites text

Post by wysiDan » Wed Jul 18, 2018 8:58 pm

I put a picture up on a sandbox website (temporarily) to show you at:
http://www.churchpurse.life/

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

Re: iPhone (Safari) text overwrites text

Post by Pablo » Thu Jul 19, 2018 6:44 am

For me, it looks ok om my iPhone.
Maybe there is a browser cache issue?

wysiDan
 
 
Posts: 24
Joined: Mon May 21, 2018 2:55 pm

Re: iPhone (Safari) text overwrites text

Post by wysiDan » Thu Jul 19, 2018 11:49 am

The cache was cleared before viewing the website. Also, I met with a friend and asked her to pull it up from her iPhone 5s. This was the first time that she had viewed the website so no cache could have existed. The stated problem was viewed on her phone as she handed it to me for me to personally verify that. Apparently different iPhones display differently if you say that there is no problem viewing the site on your iPhone. I am just trying to find a fix for the problem without putting huge padding in which screws up how it is viewed on Chrome.

User avatar
BaconFries
 
 
Posts: 4167
Joined: Thu Aug 16, 2007 7:32 pm

Re: iPhone (Safari) text overwrites text

Post by BaconFries » Thu Jul 19, 2018 12:24 pm

I see your issue on my Android Phone/Cell, the issue is because you have added code inside the <body
<!--="" Google="" Tag="" Manager="" (noscript)="" --="">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WGP3RTZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
> this will break the page code. You can see this in the screenshot. Please remove this code using the way you originally inserted and your site should display correctly.

Image

wysiDan
 
 
Posts: 24
Joined: Mon May 21, 2018 2:55 pm

Re: iPhone (Safari) text overwrites text

Post by wysiDan » Thu Jul 19, 2018 3:01 pm

I have removed the tag code given me by Google tag manager between the body tags but, unfortunately, the overwriting situation has not changed.

User avatar
BaconFries
 
 
Posts: 4167
Joined: Thu Aug 16, 2007 7:32 pm

Re: iPhone (Safari) text overwrites text

Post by BaconFries » Thu Jul 19, 2018 3:17 pm

Have you tried doing a browser cache refresh so that it pulls the latest version of the page with the code removed. Note there is other manually added code that may be affecting the page, please remove all code you have added and check again.

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

Re: iPhone (Safari) text overwrites text

Post by Pablo » Thu Jul 19, 2018 3:38 pm

I think there are multiple problems:
- there is still third party code on the page. If you run into a problem then please remove all manually added code, to make sure this is not causing any conflicts.
- you have used full height (100vh) layers/layout grids. However on a smaller screens the content is larger than the viewpoint so content will overlap.

wysiDan
 
 
Posts: 24
Joined: Mon May 21, 2018 2:55 pm

Re: iPhone (Safari) text overwrites text

Post by wysiDan » Fri Jul 20, 2018 12:44 pm

Solved!

Yes, that did it! I changed the home layer column height from 100vh to auto and it now displays perfectly!

Thank you so much!

Post Reply

Who is online

Users browsing this forum: No registered users and 19 guests