The Big Spring Sale! Up to 50% off!

How do I increase the hero top margin?

ironpalm
4 Posts
ironpalm posted this 28 December 2021
Ask a Question

Hi, Im experiencing some responsive issues, as the canvass doesn't reflect my screen size. Please watch my screen recording that demonstrates the issue I'm having, and my question, which is, how do I increase the top and bottom margin of my hero block? You will see inside the recording it's already at maximum
https://videos.danzydma.co.uk/conversations/a943c46e-527e-5d5e-9887-50f2244e4ebe

Hi, Im experiencing some responsive issues, as the canvass doesn't reflect my screen size. Please watch my screen recording that demonstrates the issue I'm having, and my question, which is, how do I increase the top and bottom margin of my hero block? You will see inside the recording it's already at maximum https://videos.danzydma.co.uk/conversations/a943c46e-527e-5d5e-9887-50f2244e4ebe
Vote to pay developers attention to this features or issue.
1 Reply
Order By: Standard | Newest
Support Team
Support Team posted this 28 December 2021

Hi, Michael,

Thanks for the provided video!

You can uncheck Header over Block so the Block with the image would go down a bit. In this case, the Header will be a separate Block. Otherwise, this Block will always be at the top of your page because this is the first Block and it covers the Header. You can try to do that on your own and tell us whether it is what you need or not.

For positioning the background image inside the Block, you can use the Crop and Zoom options.
The viewport width of your browser is larger than the editor width Therefore, the image width as well as the height increases. Depending on the original image size, you can move the image in the Crop dialog.

Please let us know if you need our further help!
...................................................
Sincerely,
Paul C.
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, Michael, Thanks for the provided video! You can uncheck *Header over Block* so the Block with the image would go down a bit. In this case, the Header will be a separate Block. Otherwise, this Block will always be at the top of your page because this is the first Block and it covers the Header. You can try to do that on your own and tell us whether it is what you need or not. For positioning the background image inside the Block, you can use the *Crop* and *Zoom* options. The viewport width of your browser is larger than the editor width Therefore, the image width as well as the height increases. Depending on the original image size, you can move the image in the Crop dialog. Please let us know if you need our further help! ................................................... Sincerely, Paul C. 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 28 December 2021 by Support Team

You must log in or register to leave comments