I have a Large White Space Below My Site Header

Tagged: Haven

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

Author
Posts
November 1, 2021 at 10:12 am #44349
Joseph Ashby
Guest
We have always had a white line (wider on iPod) below the Photo that we have on the Main Theme page and the Pages and post of out website. Our pages all have a Black background and the photo is of Glacier National Park. All pages have this line of White. Can it be fixed???
November 1, 2021 at 10:28 am #44463
Brandon C
Keymaster
Hi Joseph thank you for reaching out and thank your for using Haven Theme for WordPress. I pulled up your site on my iPhone and I did see the large white space below the header. When I inspected the site I noticed that the minimum height of the your header area was set to 850px.
I came up with some CSS that should help align the element better on smaller screens. You can Copy/Paste this bit into the Appearance<<Advanced<<Custom Js and CSS section:
```
@media only screen and (max-width: 600px) {

.page-template-page_home .site-header {
    min-height: 80px;
        height: 220px;
}

}
```
One thing to note, you are using Haven which is one of our legacy WordPress themes and we no longer actually maintain the theme. If you would like to switch to our most up to date and feature filled theme I’d suggest downloading Crio Pro WordPress theme!
Crio is much easier to operate and it comes with over 400 customizable options. You have web hosting with InMotion Hosting, one of or premium partners, and that make Crio totally free for you to install and enjoy!
I hope this helps! Please reach back out if you have any other questions.
Author
Posts