Full Width & Full Height Page

rlaria
25 Posts
rlaria posted this 20 December 2019
Ask a Question

Hello,

I need to build a landing page without scrollbars, like an splah page

Is it possible to build a full width / full height page to do this?

Thanks!

Hello, I need to build a landing page without scrollbars, like an splah page Is it possible to build a full width / full height page to do this? Thanks!

Last edited 20 December 2019 by rlaria

Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 25 December 2019

Hi Rolo,

If you have several elements on this page, then we recommend placing them inside the Grid. And for achieving such page view, try the following:
1. In the Page settings choose options to hide header and footer
2. Add simple Grid (ADD -> Grid) and choose "Wide" option for Block:

Wide-option.jpg

3. Please for each grid cell assign it's own unique CSS class, using CSS control, for example, cell-1, cell-2. Then try adding the following code to the Site Properties >> CSS:

.cell-1,
.cell-2 {

min-height: 100vh !important;
}

Please note, this code will work for 2 cells in one row. So if you will have a few rows, then you should set this value proportionally less so that the total will be 100.

Let s know if you still have any questions.

Thanks for being with us.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Rolo, If you have several elements on this page, then we recommend placing them inside the Grid. And for achieving such page view, try the following: 1. In the Page settings choose options to hide header and footer 2. Add simple Grid (ADD -> Grid) and choose "Wide" option for Block: !Wide-option.jpg! 3. Please for each grid cell assign it's own unique CSS class, using CSS control, for example, cell-1, cell-2. Then try adding the following code to the Site Properties >> CSS: .cell-1, .cell-2 { min-height: 100vh !important; } Please note, this code will work for 2 cells in one row. So if you will have a few rows, then you should set this value proportionally less so that the total will be 100. Let s know if you still have any questions. Thanks for being with us. ................................................... Sincerely, Susanna I. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 26 December 2019 by Support Team

uppo1997
1 Posts
uppo1997 posted this 02 December 2020

It seems that this feature cannot be found in the latest version
Is there a replacement plan?

It seems that this feature cannot be found in the latest version Is there a replacement plan?
Support Team
Support Team posted this 02 December 2020

Hi,

You can use the instructions provided above to achieve the desired result.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, You can use the instructions provided above to achieve the desired result. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments