Changing the Header Image Height on Pages

  • Resolved lynley

    (@lynley)


    3 years, 3 months ago

    HI
    I would like to be able to change the height of the banner on the top of the screen on all other pages on my website other than the home page. I realize the banner on the other pages is smaller but it’s still takes up too much room. I’m afraid people will not see they need to scroll down to read the page content. If need be, if there is an option to delete the banner off of all other pages besides the home page that would work too.
    Other than that, if the homen page menu items would actually jump straight to the page content that would work too.

    Thank you for your time.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello there,

    It looks like the site is hosted on WordPress.com so you can reach out for assistance via: https://wordpress.com/help/contact rather than post here in the theme forums. ??

    The CSS you need is: 

    
/* Change the header height on pages other than home */

.home .custom-header-image {
	height: calc(75vh - 85px);
	padding: 20%;
}

.custom-header-image {
	height: 100px;
	padding: 0;
}

    I noticed there is this CSS at play – this could probably be removed…

    @media screen and (min-width: 60em) {
	body:not(.home) .custom-header-image {
		padding-top: 5%;
	}
}
    Thread Starter lynley

    (@lynley)

    Thankyou. This worked. I ended up changing the heigh to 300 pixels to make it slightly larger but this is exactly the fix I wanted. thank you for your time.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing the Header Image Height on Pages’ is closed to new replies.