Full screen – NOT full screen

bademester
(@bademester)

4 months, 3 weeks ago

Hello everyone – I have been working on a homepage the last week, I thought i made it full screen without no scroll, but to my horror I noticed that the hero picture/video are not covering the bottom of the browser!

This is happening throughout the whole site (using Elementor).

Is there an easy way out of this predicament.?

Kind Regards
Daniel R.

The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

Benni
(@benniledl)

4 months, 3 weeks ago
Hi, this is because of this css rule:
```
.elementor-2463 .elementor-element.elementor-element-507caf1f > .elementor-container {
min-height:100vh;
}
```
This rule sets the min-height to 100vh but there are problems with vh and that causes your page to not be full screen.

You have to find something more reliable than vh, I couldn’t find anything
- This reply was modified 4 months, 3 weeks ago by Benni.
Thread Starter bademester
(@bademester)

4 months, 2 weeks ago

Oh, ok – i just followed a totorial – are the really no easy solution fixing this?

Thread Starter bademester
(@bademester)

4 months, 2 weeks ago

Hi, I just fund out, that it is the header that pushes or makes the site not fit – header only contains a burger menu, I would like to keep it, but how do i not make i push the site?

Benni
(@benniledl)

4 months, 2 weeks ago

Sorry I am no CSS expert, I tried a few things but I couldn’t fix it.

Maybe you should try to go into elementor site editor and just play with the height settings of the parent element. You said you followed a tutorial, maybe the tutorial maker can help you?

Benni
(@benniledl)

4 months, 2 weeks ago

Hi, great that you found something out, I will look into it.

Benni
(@benniledl)

4 months, 2 weeks ago

Please add the hamburger menu back so I can look into it.

Thread Starter bademester
(@bademester)

4 months, 2 weeks ago

Check 🙂
Benni
(@benniledl)

4 months, 2 weeks ago
The container that is around the header has a margin-bottom of -120 px, with -94 pixel everything works fine,

If you can, then edit it with elementor, if not add this css to your theme:
```
.elementor-2487 .elementor-element.elementor-element-70800ad8{ margin-bottom: -94px!important; }
```

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Views