Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1

    Default 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

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Safari rendering some mobile view pages horrible

    Quote Originally Posted by SueB View Post
    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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default 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?

  4. #4

    Default 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 View Post
    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

  5. #5

    Default Re: Safari rendering some mobile view pages horrible

    These pages were funky on the mobile only, on my phone:
    https://bodaciousbeardies.com/fun-day-beach-days.htm
    https://bodaciousbeardies.com/fun-da...bounce-all.htm
    https://bodaciousbeardies.com/dog-sh...os-results.htm
    https://bodaciousbeardies.com/fun-day-party.htm
    https://bodaciousbeardies.com/puppy-party.htm




    Quote Originally Posted by gwpriester View Post
    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?

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default 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.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	export.jpg 
Views:	57 
Size:	66.2 KB 
ID:	127109  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default 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
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  8. #8
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default 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?
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	1.png 
Views:	61 
Size:	79.4 KB 
ID:	127111   Click image for larger version. 

Name:	2.png 
Views:	50 
Size:	157.7 KB 
ID:	127112  

    Click image for larger version. 

Name:	3.png 
Views:	51 
Size:	74.3 KB 
ID:	127113  

  9. #9

    Default Re: Safari rendering some mobile view pages horrible

    Quote Originally Posted by gwpriester View Post
    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!

  10. #10

    Default 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 View Post
    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.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •