Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 25, 2015 at 12:14 am #401788
    justmind

    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?

    February 25, 2015 at 4:15 pm #402126
    Yigit

    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,
    Yigit

    February 25, 2015 at 4:57 pm #402167
    justmind

    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.

    http://justmind.org/wp-content/uploads/2015/02/screen-shot.jpg

    February 25, 2015 at 5:45 pm #402233
    justmind

    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.

    February 26, 2015 at 8:34 am #402510
    Rikard

    Hi!

    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?

    Cheers!
    Rikard

    May 5, 2015 at 3:00 am #439457
    justmind

    This is coming from the mobile friendly test. Any suggestions on how to fix it so Google knows my site is mobile friendly?
    https://www.google.com/webmasters/tools/mobile-friendly/?url=justmind.org

    May 6, 2015 at 3:31 am #440076
    Ismael

    Hey!

    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;
}}

    Cheers!
    Ismael

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