Min-height: 100vh but without top bars

[Lyser]

Hello,
I’m using the min-height: 100vh method seen in other posts for having a image full height in mobile homepage, it works good but the top bars (like adress or header) are not removed from the image height, so the image is longer than the full height (when i scroll down i see the rest of image instead page 2 of website) :

Is there a way to have the bars’s height removed from the image so the height could correspond to the fullscreen ? (like in revolution slider when u can decrease fullscreen height) :

[rad]

Hi @Lyser,

Thanks for reaching out.

Instead of adding it as inline CSS, please add this to Element’s CSS of your section.

$el {
height: 100vh;
}
@media ( max-width: 767px ) {
$el {
height: calc(100vh - 64px)
}
}

Adding it inline CSS will make it static which will be going to be the same regardless of device.

Thanks!

[Lyser]

Perfect Rad, thx you very much !

[basanta]

you are most welcome!

[Prasant]

Hello @Lyser,

Have you added new information in this ticket? It’s showing up in unresolved list of ticket but I am not able to figure out the additional information you might have added. Can you please confirm?

Thanks.

[Lyser]

Hello Prasant,
I’ve changed the first post by just remove the secure note, nothing else.

[ruenel]

Thanks for letting us know.
If you need anything else, don’t hesitate to open another thread.