I have a onepage and asection with red background color. I want this section to display in whole web browser window upon start. I want this to be done automatically by the browser. Now its nearly in “full with and height” but its different on explorer and chrome.
Select section 1 class
Add 100 % to with
Add 100% to height?
I did that now, and I can see that the with adjust accordingly to what i input , but nothing happens when I enter in the heigt. It looks as it is “locked” anyways… i have republished now so you can see.
Just change the height to 100vh (just copy and paste 100vh) and the section should feel the screen, the width will automatically readjust to the height (like Sam said)
Once you’ve done this, that section should fill the window’s height in all screens, no matter how big or small
For vh you will have to type
I always type my measures except px (native), but % and vh is always typed in front of the number.
To centre the container you can select the section and use flexbox to move your content like this:
The arrow is the flexbox setting, and the blue box is how you can centre your content.
The red marker shows the way your content is displayed (vertically or horizontally)
Now that i have a onepage section with full background size , how do i make another section underneath ?
I have made an " READ MORE " button that i want user to press to automatically scroll down to next section. Also, users can scroll down without pressing the button of course.