Docs

[Playrom]

Hello

this is my site http://www.granmircicatering.it/new_site/

i use one page navigation , and some section are “full screen” , like “La Filosofia” or “Il Metodo”

i use this css rule on those sections , i’ve found it on this forum

padding-top: 18.5%; padding-bottom: 18.5%;

but when i click the item on the navigation menu, the site scroll until the corrispondent section “hit” the menu

this way the content is not centered , becouse there is “a gap” , with an height such as the menu one, at the top of the page

How can i delete this gap, or how can i create “full screen” section in another compatible way?

[Rupok]

Hi there,

Thanks for writing in! Using such large padding is not usual. You can try using min-height: calc(100vh - 33px); for the sections.

Cheers!

[Author]

Posts