Hero picture as full screen on mobile

Hello

My hero picture, which looks ok on big screen (almost as full screen). But on mobile landscape and portrait it cover totally strange as below.,

Is there a possibility to make the hero only cover full screen both on mobile landscape an portrait ? Its ok. that it then will be cropped.

I use Site origin hero widget and put the image as background being a front picture on my post pages.

My web. is www.becht.dk.

URL to the single post page is
http://www.becht.dk/wp-admin/post.php?post=3405&action=edit

Kind regards
Peter

Hello Peter, try to use the following CSS code.

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

@media (max-width: 780px) {
    #pgc-3927-0-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman

But there was no effect. Its still the same as

The max height should be as the scree height in mobilr devices, but the wide can be cropped.

Is there another possibility ?

Kind regards
Peter

Hello Peter,

I do not think that there is an easy way to achieve what you have described above.

But I added mobile padding issue to our list so it might be fixed in the next theme version.

Kind Regards, Roman.

Hello Roman

I solved it_putting heigt to vmin instead of px did it.

Kind Regards
Peter

1 Like