- This topic has 10 replies, 2 voices, and was last updated 1 year, 8 months ago by Leo.
May 16, 2019 at 9:36 am #901733Mark
I have created a header element for the About Us page on my website. I have kept using a smaller (height wise) and smaller image for the background image to try to reduce the page height (so the page only occupies one screen in height). No matter how short (height) I make the image, on the front end it seems to just magnifying instead of reducing the page height. I don’t know if this has to do with background position, padding, or something else. Could you take a look and point out my error?
MarkMay 16, 2019 at 9:38 am #901736LeoStaffCustomer Support
Looks like you have the full-screen option activated?
Let me know 🙂May 16, 2019 at 9:40 am #901737Mark
Yes, I do. I’m wasn’t sure what full screen option did, both for the container and the inner container.
MarkMay 16, 2019 at 9:42 am #901739Mark
I want to image to be full width, but not expand in height.May 16, 2019 at 9:43 am #901741LeoStaffCustomer Support
Full-screen option would make the height of the page hero to be full-screen.
Turn that off and you can control the height with the padding option:
To make it full-width, set the outer container to full:
I would highly recommend checking out the entire docs article.May 16, 2019 at 9:53 am #901758Mark
It is better now, but I still haven’t managed to get the page to fit on one screen. I feel like I am just using trial and error with the padding. To make the page have a smaller height, does padding affect it in any way, or do I need to decrease the height of the image to make the page height shrink?
MarkMay 16, 2019 at 10:09 am #901774LeoStaffCustomer Support
Height of the image doesn’t matter.
The height of the page hero is controlled by the padding as mentioned in the article.
Not exactly sure what you are trying to create but try adding
344pxto this option:
Let me know if this helps 🙂May 16, 2019 at 10:13 am #901781Mark
I just want the page to fit on one screen, so I am trying to limit the height of the page so that (including the footer) everything fits on one screen.
As far as padding options to, I have Read the article, but am still confused:
The text in the article reads:
“Add padding to the page hero content.
The height of the page hero is determined by the top and bottom padding.”
1. When the refers to “content,” is it just referring to the text overlay content?
2. Does the padding only set the size of the page hero image, and therefore the page height is not affected by the content (text in my case)?May 16, 2019 at 10:19 am #901786LeoStaffCustomer Support
so I am trying to limit the height of the page so that (including the footer) everything fits on one screen.
This is very difficult to do with your current set up as this will vary with each screen size.
1. It’s whatever content you’ve added inside the page hero content box.
2. Maybe this would help: https://www.screencast.com/t/KxVuPATibaTMay 16, 2019 at 10:32 am #901797Mark
MarkMay 16, 2019 at 10:35 am #901800
- You must be logged in to reply to this topic.