Issues Customizing Header

  • I’m new to customizing headers in WP. The site title and tagline do not appear in the header area where I want it. Instead, the site title and tagline appear below the image. I created a twentyseventeen child theme and placed the following css:

    .site-content-contain {
    background-color: #d5ffa0;
    position: relative;
    }

    .site-title {
    font-size: 100%;
    margin-top: 0;
    line-height: 7;
    }

    .header-image .site-title a {
    float:left;
    margin: 0;
    }

    .site-header .wrap {
    padding:0;
    }

    /* Change header HEIGHT */
    .site-header {
    height: 200px !important;
    }

    Thanks in advance for your help!

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

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

  • Based upon your current CSS customizations, the following CSS should fix it I think (not tested in all browser sizes, etc etc)

    .custom-header {
    position: static;
}

.home.blog.has-header-image .custom-header-media {
	height: auto;
	max-height: 100%;
	overflow: hidden;
}
    Thread Starter predwine

    (@predwine)

    It works! Tested in Chrome, Firefox, and Safari.
    Thanks, Jarret!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issues Customizing Header’ is closed to new replies.