I don’t know why it’s so hard to find an answer back to this question, but I simply want my page to be full screen and adapt to the size of the viewing device with the header at the top, section 1 in the middle, and the bottom the footer…no scrolling. Much appreciated: jamesonschultzphotography.com
Hi there,
Actually, it is a hard thing to do and not a simple thing with pure CSS. A partial solution is to add the CSS code below to the section which you have the content:
width: 100%; height: 100vh; overflow: hidden;
But that will not be enough and you need to further tweak the values of the code above to find the best view. The problem actually starts when you shrink your browser window, it is very hard to have the same full screen view all the way down to mobile.
That is why there are Javascript solutions for this which is outside of our support scope, so alternatively I suggest that you add your content as a full-screen slide in Revolution Slider and add that to your page. For more information:
https://theme-fusion.com/knowledgebase/how-to-make-a-full-screen-revolution-slider/
Thank you.
Good info thank you much!
You are most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.