Support » Fixing WordPress » cover image cut off in mobile

  • I have a simple site with Elliot theme (can’t find much support with this theme). I am very new to wordpress. On mobile the cover image gets cut off in my posts. I don’t have this problem on laptops/desktops.

    Thoughts?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • try with below code in your Additional CSS

    
    img.size-full, img.size-large, img.wp-post-image {
        max-width: none;
        height: auto;
        width: 100%;
    }

    P.S. it will work across other media too so should be responsive across your site

    Thread Starter flash277

    (@flash277)

    Thanks for the quick reply but it looks like it is still doing it:
    }

    did you go Appearance >> Customise >> Additional CSS?

    try just the below part:

    
    img.wp-post-image {
        max-width: none;
        height: auto;
        width: 100%;
    }
    
    Thread Starter flash277

    (@flash277)

    Boo. Still cuts off. (Yes added it into additional CSS)

    for some reason the CSS in style.css is still given priority which is odd.

    can you remove the code we added in Additional CSS (seems to be there twice?) and replace with this?

    
    .featured img{
        width: 100%;
        height:auto;
    }
    

    As far as I know, there is only one instance of this in main.min.css and that holds identical code so unsure it will work.

    Thread Starter flash277

    (@flash277)

    I appreciate your help. I removed the old code and added the new code. It still cuts off. Does it have something to do with the image size I can change?

    I find it hard to believe that this theme does this. Would I have to choose a whole new theme as this is pretty bad?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘cover image cut off in mobile’ is closed to new replies.