Featured article image cut on mobile

Steinar March 21, 2019 at 12:27 am

The feature image is cut in height on mobile view while displays correctly on desktop.
I tried to see if I can change this in css/krystal-style.css but the best I could do was to make it scrollable (with overflow: scroll;).

Would be great if you can share how it could be modified to not cut the image in mobile view.

Replies (2)

  1. Steinar March 21, 2019 at 12:27 am

    The feature image is cut in height on mobile view while displays correctly on desktop.
    I tried to see if I can change this in css/krystal-style.css but the best I could do was to make it scrollable (with overflow: scroll;).

    Would be great if you can share how it could be modified to not cut the image in mobile view.

  2. Spiracle Themes March 21, 2019 at 11:20 am

    Hi Steinar,

    Try this CSS and let us know

    @media only screen and (max-width: 480px) {
    .blog-wrapper .image, .blog-wrapper.blog-list .image {
    height: auto;
    }
    }

    Copy and paste this in Appearance -> Customize -> Additonal CSS

    Best Regards

  3. Steinar March 22, 2019 at 11:45 pm

    Yes that did the trick! Thanks for your quick reply and great support!

Post a Reply

Reply To: Featured article image cut on mobile
Your information: