Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #401788

    I have had a couple clients tell me that our website, JustMind.org, comes up somewhat broken when they view it on mobile with safari. I initially checked with our host WPengine to see what might be going on and they said to check with you for support. I notice a similar consistent error to what clients report when I look at it with Google PageSpeed. The text comes up but most of the images don’t load. Can you help me see what might be going on?


    Hey justmind!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to remove caption on mobile devices

    @media only screen and (max-width: 480px) {
    .avia-caption.av-slideshow-caption { display: none !important; }}

    Other than that, i could not see any issues on my iphone. Can you please post a screenshot and show if you see any other issues on mobile?

    Best regards,


    Thank you. I updated the Quick CSS as you suggested. This is what users are reporting… the same thing that google page speed is doing.



    I guess while I am on it too, is there any way to fix the viewport errors that are coming up too? Thank you for your help on this.



    I just checked the site on iPhone4/Chrome and it seems to display just fine. Could you provide some screenshots to highlight where things go wrong on the actual site please?



    This is coming from the mobile friendly test. Any suggestions on how to fix it so Google knows my site is mobile friendly?



    1.) Eliminate render-blocking JavaScript and CSS in above-the-fold – This error is cause by files or scripts that is loaded before the content. Any themes with advance or at least decent functionality will get the error because they require custom scripts to render the page properly. Try to install a cache plugin with minify settings to improve the page speed: https://wordpress.org/plugins/w3-total-cache/

    2.) Optimize Images – You can install this plugin to optimize the images: https://wordpress.org/plugins/wp-smushit/

    3.) User Experience – Add this in the Quick CSS field to create space between the slider dots:

    @media only screen and (max-width: 480px) {
    a.goto-slide {
      margin: 0 15px;


Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.