Header Image Cut Off

  • I’ve uploaded my header image and made sure it’s the correct recommended scale for my theme (1600×900 pixels) but the top and bottom of the image are still cut off and the header itself seems squashed down.
    It looks correct in the Customizing Header editor, the full image is shown correctly under “Current header” but on the page itself (as you can see if you click it) it’s very wrong.

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

Viewing 1 replies (of 1 total)
  • Theme Author themeinwp

    (@themeinwp)

    Hi rachelsaysdobetter,

    Thank you for writing in !

    Seems like you’re using header image instead of WordPress native “Site Identity” to display your logo image. This is not inherently the purpose of header image but it your case can be achieved by adding some CSS fix.

    From your WordPress Dashboard, Navigate to Appearance ? Customize ? Additional CSS and add below CSS.

    .site .site-header.data-bg{
	background-size: contain;
    background-color: #fff;
    padding-top: 0;
    background-position: center;
}

.site .site-middlebar.twp-align-left {
    padding: 120px 0;
}

.site .site-header.data-bg .main-navigation {
    margin-top: 80px;
}

    Hope this helps.

    If you’ve any further questions or feedback? Just hit reply and we’ll gladly help.

    Thanks,
    ThemeinWP Support Team

Viewing 1 replies (of 1 total)
  • The topic ‘Header Image Cut Off’ is closed to new replies.