No text/picture on PC/MAC OK on Android tablet

  • rsvets

    (@rsvets)


    4 years ago

    Despite taking a back up first and having several incremental backups for the last 2 months to chose from, since updating WordPress/Themes and plugins, the main body text and some pictures no longer display in chrome or IE on a PC and I am told the same us true in Safari on a MAC. However the site words perfectly well on an Android tablet or phone. Attempts to restore the site from backs hasn’t helped. I read forums and disabled all plugins but no difference. The site is using Enfold and I have found changing this to Twenty Twenty fixed the issue but the site looks bad. I have run a debug and anti virus security plugins that I installed subsequently base on advice to others on forums, but they didn’t find anything. Any help would be appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ian Sackofwits

    (@plantprogrammer)

    Hey, rsvets, the issue was with your CSS rules and there is one rule specifically that was hiding the content.

    Here’s what the correct rule should be:

    .avia_transform .avia_animated_image, .avia_transform.avia_desktop .av-animated-generic {
     opacity: 1;
}

    instead of

    .avia_transform .avia_animated_image, .avia_transform.avia_desktop .av-animated-generic {
     opacity: 0;
}

    Since the opacity was zero, basically the content was being hidden:
    https://developer.mozilla.org/en-US/docs/Web/CSS/opacity

    Here is a tutorial on how to add CSS: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Thread Starter rsvets

    (@rsvets)

    Hi Ian

    Thank you for your response . As far as I know I haven’t changed the CSS rules since the website went live which was 2 years ago so is there a reason this would change on its own ? I have reviewed the CSS files but I am unable to find the lines of code you listed, can you direct me to the CSS file to edit please ?

    • This reply was modified 4 years ago by rsvets.
    Thread Starter rsvets

    (@rsvets)

    I have now carried out a full restore from a back up at server level and the site worked again on all platforms. I then updated all plugins one by one and the site continue to work . I then updated the WordPress version to WordPress 5.5.3 and the problem cane back . I will repeat the process above but leave the WordPress version. If anyone knows why WordPress 5.5.3 version might cause this issue please let me know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No text/picture on PC/MAC OK on Android tablet’ is closed to new replies.