Hi, I’m trying to create page headers that maintain a fixed height (250px) irrespective of the page width. The page header width is currently set to 100% of the browser width. At present the image height scales in line with the reducing browser’s width. The image would be centered horizontally so that the left and right edges are hidden depending on the page size but the height remains the same.
just add the Image to the background. Do not resize.
Then on the content pane you need to add some content. As you don’t want any just add an empty span tag like so: <span></span>
Then set the Top Bottom padding to 125px.
Thank you David. I’ve been fiddling around with various CSS options for ages.
As it turns out I only required a top/bottom padding of 55px as the ‘inside-page-header’ class already has a height of 80px + 60px. Looks like it is coming from ‘layout’ > ‘container’ > ‘content padding’?