Header images fullscreen on mobile

Hey,
is it possible that on mobile devices the header image is displayed full screen (= in portrait format)?

Greetings from Germany

Hello, try to use the following CSS code.

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

@media (orientation: portrait) {
    .ignis-hero-area.has-media img {
	    min-height: calc(100vh - 156px);
	    object-fit: cover;
    }
}

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

Kind Regards, Roman.
aThemes Support

1 Like

thanks! it seems to work on my “test devices” :wink:

You are welcome! :slight_smile:

By the way, 156px value in the code above is your mobile header height, so you might have to change it if you change your logo image.

Kind Regards, Roman.
aThemes Support