Cover image is cut off on mobile version

Hi there

Sorry for all the topics I am posting but dont want to send one big message as I know we need separate tickets for everything :slight_smile:

On our “Work with Me” page I have created a cover image for the top of this page, on mobile it looks terrible though :frowning: its cut off. Is there any way to fix this at all?

This is how it looks on the web:

The URL is: www.kradminsolutions.com

Many thanks for all your help

Best,
Mel

Hello Mel, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

/* Cover image fix start */
@media (max-width: 991px) {
    .entry-content .wp-block-cover {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center !important;
        min-height: 50vw;
    }
}
/* Cover image fix end */

Kind Regards, Roman.
aThemes Support

Hi Roman,

As always you are the best! This worked perfectly :slight_smile:

Best,
Mel

You are welcome Mel! :slight_smile:

Kind Regards, Roman.
aThemes Support