Skip to main content
G
gregjb
Known Participant
May 31, 2022
Answered

Compatibility issues between browsers

  • May 31, 2022
  • 2 replies
  • 1515 views

Having 2 separate issues with website compatibility. The site http://basso56.com is working perfectly in Safari. In Chrome the homepage plugin does not run. In Firefox the fonts do not load. 


I'm hoping someone is familiar with these issues as I'm not a pro, just helping a friend out.

 

Thank you in advance!

    This topic has been closed for replies.
    Correct answer Nancy OShea

    The h3 text still runs into itself on safari on iphone?


    #1 Remove all line-height values from the entire style.css file and upload it to the css folder on your remote server.

     

    #2 Also, I just realized you have TWO websites.  The default domain is redirecting to a duplicate mobile version on 700px or smaller devices.  I hope you realize this is bad practice for SEO.  Google frowns on duplicate content. It also makes site updates very difficult because you're having to maintain TWO sites instead of one for ALL devices.

    https://basso56.com/dinner.html

    http://www.basso56.com/mobile/#dinner

     

    CSS FILES

    Desktop:

    https://basso56.com/boilerplate.css

    https://basso56.com/css/style.css

     

    Mobile:

    jquery-mobile/jquery.mobile-1.3.0.min.css
jQueryAssets/jquery.ui.core.min.css
jQueryAssets/jquery.ui.theme.min.css
jQueryAssets/jquery.ui.button.min.css

     

    I urge the site owner to build a new site ASAP!  The old Muse generated site(s) are untenable.

     

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    May 31, 2022

    1) The server is not resolving to secure HTTPS.  See screenshot.

     

    In the absence of SSL/TLS certificates, the domain looks suspicious to potential customers.  You need to redirect ALL incoming traffic to the secure HTTPS server which is currently covered by Let's Encrypt certs. 

     

    2)  See Why No Padlock Test Results:

    https://www.whynopadlock.com/results/8d8a937b-a83a-4800-acd1-aa1f4c3eaeb1

     

    3) In addition to Mixed Content,  the site is using Edge Web Fonts.

    "http://use.edgefonts.net/didact-gothic:n4:default;josefin-sans:n4,n1,n3:default;poiret-one:n4:default;tangerine:n4:default.js"

     

    Edge is being discontinued very soon.  https://community.adobe.com/t5/dreamweaver-discussions/edge-web-font-services-will-be-unavailable-in-dreamweaver-from-july-01-2022/td-p/12606547 

     

    Replace Edge Fonts with comparable typography from Adobe Fonts or Google Web Fonts.

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert
      G
      gregjbAuthor
      Known Participant
      June 2, 2022

      Thank you! Very helpful.

      Jon Fritz
      Community Expert
      Jon FritzCommunity Expert
      Community Expert
      May 31, 2022

      I'm not seeing an issue with your slideshow, it runs in all browsers for me. Chrome has a notoriously sticky cache which could cause issues with the way your page displays there. Open Chrome's Dev Tools (F12), click Network and check Disable Cache, then reload your page to verify you're seeing the most recent version.

      Validate and clean up any errors reported here: http://validator.w3.org/nu HTML errors can cause all kinds of rendering issues and various browsers deal with them differently. some are better at guessing what you meant when they run into problems.

      You're not using CSS fonts, so the devices used to access your site will need the Gotham font installed in order to see it. I don't have Gotham, so I only see Helvetica Neue throughout your page, the second font in your font-family stack. That may be the issue with the device you're using to access with Firefox, if it's not a cache issue there as well.

        G
        gregjbAuthor
        Known Participant
        May 31, 2022

        Thanks, but I still have the problems after disabling cache. Here is what it looks like. How about the "failed to load response data..." Could that be the issue. 
        Also not working on safari on a PC. 
        Were there browser updates that could have caused the issue?
        Appreciate your help!

        Jon Fritz
        Community Expert
        Jon FritzCommunity Expert
        Community Expert
        May 31, 2022

        Safari for Windows is dead. Apple discontinued it in 2012, it should not be used to as a resource to render modern sites.

        Looks like your browser settings are stopping one or more of your scripts from running. You have a mix of secure and non secure links to your jquery.min.js file and your jquery cycle file. The red highlighting of the min.js usually means it wasn't loaded. Typically, you want all http or https. 

        My browser is set to be more forgiving and loads the insecure http min.js file, but you should not assume your viewers are as lax with their settings.

        On line 59 of your code, change the http to https and it may snap back in place for you like it does for me. Here's how I am seeing it in Chrome...

         




          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices