- This topic has 9 replies, 2 voices, and was last updated 2 years, 1 month ago by David.
June 7, 2019 at 7:55 am #922728Jonathan
Hello all! I am new to Generate Press and I am struggling to find the setting for allowing the background of my header to vertically stretch the full 900 pixels. It seems to cut off at the quarter mark. I am possibly misguided on what size to make this image in the first place.
Thank you in advance for your help!June 7, 2019 at 7:58 am #922729DavidStaffCustomer SupportJune 7, 2019 at 7:59 am #922731Jonathan
My apologies, David. The site is currently being developed locally. Would screenshots be helpful?June 7, 2019 at 8:13 am #922743DavidStaffCustomer SupportJune 7, 2019 at 8:29 am #922756Jonathan
It was added in the customizer.June 7, 2019 at 8:47 am #922768DavidStaffCustomer Support
Thats gonna be an awfully tall header…. would a Header Element be better ?
Example of merged header can be seen here:June 7, 2019 at 9:52 am #922811Jonathan
This looks great, David! I’ll play around with this. Any recommendations on what the background image’s height should be for something like this?June 7, 2019 at 10:17 am #922834DavidStaffCustomer Support
So the height of the header element is defined by a. any content you add inside it and b. the top and bottom padding.
Let’s assume you don’t have any content, you will need to add a HTML comment in the content for the element to display eg.
<!-- i am HTML comment you can write whatever here -->
So % top and bottom padding is key to keeping it responsive.
Simply divide your original height of the image by its width to get a % aspect ratio. e.g 900 / 1440 = 62.5%
Split that between the top and bottom padding roughly 31% each.
If the element has content inside it like a title then you will need to reduce that % down, will take a little tweaking to get it close.June 7, 2019 at 12:15 pm #922890Jonathan
Okay, great! I think I got it pretty close to where I’d like it
My only question is about lining up the logo on the left with the menu on the right. I changed the menu height on the right but I figured I’d inquire about possibly a more plausible solution in terms of general syntax.
Thanks so much for all the help so far. It is much appreciated.June 7, 2019 at 1:00 pm #922918DavidStaffCustomer Support
If you’re using the navigation as header option then the logo will be part of the nav and vertically aligned with it, its height will then be set by the Menu Item height.
The navigation set to float right, which is probably the way you have it, then yes adjusting the menu item height to match the logo is the simplest way of aligning the two.
- You must be logged in to reply to this topic.