Safari rendering some mobile view pages horrible
Hoping someone can help me...some of the mobile pages in Safari render horrible, fonts huge, running off the page on my iphone, when I check it. Not all pages though. And on chrome and IE they are fine.
Got any solutions?
Sue
I think this was one of them: https://bodaciousbeardies.com/fun-day-beach-days.htm
Re: Safari rendering some mobile view pages horrible
Quote:
Originally Posted by
SueB
Hoping someone can help me...some of the mobile pages in Safari render horrible, fonts huge, running off the page on my iphone, when I check it. Not all pages though. And on chrome and IE they are fine.
Got any solutions?
Sue
I think this was one of them:
https://bodaciousbeardies.com/fun-day-beach-days.htm
Sue, that page fails to render in my desktop Safari.
I have checked your sources and you are using eight separate fonts.
My suggestion is cut these down to three.
Google is not Android is not Microsoft is not Apple.
All browsers have native fonts and substitutes that are different so pick three and test them across all you browsers you can find and reject fonts that wibble.
You also have 134 text styles in play as well.
Nice to see the copyright script is behaving.
If you have to revamp, do consider using Image Name for the doggies, better SEO.
Acorn
Re: Safari rendering some mobile view pages horrible
Looked at a few pages in Safari and Edge on my iPhone and everything looks OK. Is there any specific page that shows what you are describing?
Re: Safari rendering some mobile view pages horrible
I don't have a Mac and so I don't have Safari for my desktop.
Do you mean I use 8 fonts in the whole site?
How would I go about and change that? The site is well over 100 pages.
How would I know and or change the text styles? That one is confusing to me more than the fonts. Appreciate the guidance.
And thank you so much about the copyright script...love that it works and makes life so much easier.
What do you mean "Image Name" for the doggies? Where are you speaking of? Would love to know and do better on SEO.
Quote:
Originally Posted by
Acorn
Sue, that page fails to render in my desktop Safari.
I have checked your sources and you are using eight separate fonts.
My suggestion is cut these down to three.
Google is not Android is not Microsoft is not Apple.
All browsers have native fonts and substitutes that are different so pick three and test them across all you browsers you can find and reject fonts that wibble.
You also have 134 text styles in play as well.
Nice to see the copyright script is behaving.
If you have to revamp, do consider using Image Name for the doggies, better SEO.
Acorn
Re: Safari rendering some mobile view pages horrible
1 Attachment(s)
Re: Safari rendering some mobile view pages horrible
Hi Sue,
For quite a while youv'e been able to select an image, then click the Name icon and give it the name of Filename= 'Waterfall'
This meant that Xara retained this unique name for an image instead of renaming it xxx.jpg everytime the website was published.
However this particular way of doing it created problems between variants, increasing or reducing image sizes uncontrolably.
With the release of 17 it's now possible to give an image a meaningful file name and there's no problems regarding variants.
Re: Safari rendering some mobile view pages horrible
@Egg - thank you.
@Sue - it is more difficult for you as you are using Web Designer Premium.
You could probably select a Heading 1, check the font and change to a safer one then force an update of all Heading 1s.
You would then work through all your Styles - I do hope you have been using Styles.
Acorn
3 Attachment(s)
Re: Safari rendering some mobile view pages horrible
Here are three screen shots (easy enough to take with an iPhone). I don't see anything wrong except I would probably have made the type a bit larger.
What am I missing here?
Re: Safari rendering some mobile view pages horrible
Quote:
Originally Posted by
gwpriester
Here are three screen shots (easy enough to take with an iPhone). I don't see anything wrong except I would probably have made the type a bit larger.
What am I missing here?
Your screen shots look great and appreciate you letting me know the type could be larger. Super weird that yours is looking so good compared to mine.
FYI, I was able to download Safari, an older version, and it all looks good there too.
What Iphone do you have? I have a 6s with all updates. Thanks so much for taking the screen shots!
Re: Safari rendering some mobile view pages horrible
Thanks, Egg. And thanks for the screen shot so I know where to go and change things to add the name. I've had some health issues and not been doing much on the computer and not kept up with all the things I "should" know with this program. Appreciate you all helping out.
Quote:
Originally Posted by
Egg Bramhill
Hi Sue,
For quite a while youv'e been able to select an image, then click the Name icon and give it the name of Filename= 'Waterfall'
This meant that Xara retained this unique name for an image instead of renaming it xxx.jpg everytime the website was published.
However this particular way of doing it created problems between variants, increasing or reducing image sizes uncontrolably.
With the release of 17 it's now possible to give an image a meaningful file name and there's no problems regarding variants.
Re: Safari rendering some mobile view pages horrible
Acorn, I don't believe I am using Styles. Oops! My bad!
Quote:
Originally Posted by
Acorn
@Egg - thank you.
@Sue - it is more difficult for you as you are using Web Designer Premium.
You could probably select a Heading 1, check the font and change to a safer one then force an update of all Heading 1s.
You would then work through all your Styles - I do hope you have been using Styles.
Acorn
Re: Safari rendering some mobile view pages horrible
iPhone 10 with iOS 13.5. Not sure if your phone supports the latest update.
Re: Safari rendering some mobile view pages horrible
Quote:
Originally Posted by
gwpriester
iPhone 10 with iOS 13.5. Not sure if your phone supports the latest update.
Havent downloaded latest update but looks like it’s available. I’ll try to see if there’s an update for Safari. Wonder if that’s an issue on my old phone!!
Re: Safari rendering some mobile view pages horrible
Quote:
Havent downloaded latest update but looks like it’s available. I’ll try to see if there’s an update for Safari. Wonder if that’s an issue on my old phone!!
Try installing another browser. I installed Microsoft Edge on my phone and I like it a lot.
If your iOS is more or less up to date then that is probably not the problem.
You can also refresh the page and see if that helps (the little circular arrow at the top of the browser.
Re: Safari rendering some mobile view pages horrible
Quote:
Originally Posted by
gwpriester
Try installing another browser. I installed Microsoft Edge on my phone and I like it a lot.
If your iOS is more or less up to date then that is probably not the problem.
You can also refresh the page and see if that helps (the little circular arrow at the top of the browser.
thank you, installed Edge!! Didn’t realize I could have this browser on an iPhone. It’s nice!!
also my pages seem to be rendering fine today on safari!!
appreciate all the suggestions!!
Re: Safari rendering some mobile view pages horrible
All's well that ends. Well.
Re: Safari rendering some mobile view pages horrible
Thanks for helping! =D>
Quote:
Originally Posted by
gwpriester
All's well that ends. Well.