Post headline image too small on mobile, fine on desktop

  • i’m using the 2014 theme.

    my site is marketingartgallery.com

    my headline images render properly on desktop, but they fill up about 15% of the headline image box on mobile.

    I do not understand why this happens and I do not know how to go about fixing it. I haven’t been able to find anything by googling

    Is there somewhere in the post editor that allows me to set and preview cover photos for mobile?

Viewing 1 replies (of 1 total)

  • Different views for different screen sizes are controlled by the CSS in the theme, so you’ll need to change it. That’s not as daunting as it might sound.

    First, you’ll want a plugin that gives you the ability to add custom CSS to your site.

    Jetpack has a module for custom CSS, if you’re already using it (https://www.ads-software.com/plugins/jetpack/).

    This is another alternative: https://www.ads-software.com/plugins/simple-custom-css/

    Once you have a plugin installed, this is the entry you want to add to the custom CSS file:

    .list-view .site-content .post-thumbnail img {
    float: none;
    margin: 0;
    width: 100%;
    }

    This will make the header image full width with the headline below it.

    Hope this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Post headline image too small on mobile, fine on desktop’ is closed to new replies.