Fixed Text Element

3 Posts

ZgReDziK posted this 27 October 2020

How can I lock the block size? I have 100vh set up and everything works until I create an element below 140px from the bottom margin. Then the page gets bigger and I would like to have an item at the very bottom (the phone looks normal).

140px from the bottom margin

But if I give below 140px from the bottom margin

At the very bottom

And 139px from the bottom margin

I would like to make the page not grow but have the same size all the time (full screen on each device)

How can I lock the block size? I have `100vh` set up and everything works until I create an element below 140px from the bottom margin. Then the page gets bigger and I would like to have an item at the very bottom (the phone looks normal). ![Above 139px works normally from the bottom margin][1] 140px from the bottom margin ![140px from the bottom margin][2] But if I give below 140px from the bottom margin At the very bottom ![At the very bottom][3] And 139px from the bottom margin ![139px from the bottom margin][4] I would like to make the page not grow but have the same size all the time (full screen on each device) [1]: https://i.imgur.com/teQtvmj.png [2]: https://i.imgur.com/8IiDpUK.png [3]: https://i.imgur.com/aRaEYEh.png [4]: https://i.imgur.com/S03N13N.png

Last edited 28 October 2020 by Support Team

height full-height

Vote to pay developers attention to this features or issue.

4 Replies

Order By: Standard | Newest

Support Team posted this 28 October 2020

Mateusz,

Please check the Property Panel option for the Block Height. There is an Icon that sets the 100vh.

Please see the attached example.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Mateusz, Please check the Property Panel option for the Block Height. There is an Icon that sets the 100vh. Please see the attached example. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

100vh-block.zip

3 Posts

ZgReDziK posted this 28 October 2020

Your example works, but I wanted to have the text in the lower left corner (so that it touches the bottom margin), which makes the page bigger and turns on the scrollbar. I have 100vh height

Your example works, but I wanted to have the text in the lower left corner (so that it touches the bottom margin), which makes the page bigger and turns on the scrollbar. I have 100vh height ![image][1] [1]: https://i.imgur.com/LSRXkqu.png

Support Team posted this 28 October 2020

Mateusz,

Are you trying to make the Text fixed? This option is not yet available, but you can always try adding the additional CSS for that.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Mateusz, Are you trying to make the Text fixed? This option is not yet available, but you can always try adding the additional CSS for that. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

3 Posts

ZgReDziK posted this 28 October 2020

It was enough to add to css

position: fixed bottom: 0
or
position: absolute bottom: 0
Thanks

It was enough to add to css ```position: fixed bottom: 0``` or ```position: absolute bottom: 0``` Thanks

You must log in or register to leave comments

Fixed Text Element

Company

Product

Themes & Templates

Nicepage

Web Design