Header size

  • Hi, I am trying to lessen the height of my header area to make more of the page visible without having to scroll. This is the code for what appears to be the header. Can anyone help me out?

    site-header {
    padding: 0px 0;
    }

    .site-header > .wrap {}

    .header-right {
    text-align: right;
    margin: 8px 0 0;
    }

    .header-right h2, .header-right h3, .header-right h4 {
    margin: 0 0 2px;
    }

    .header-right .widget_search input.search-field {
    max-width: 300px;
    }

    .header-right.sidebar .widget {
    margin-bottom: 1px;
    display: block;
    }

    .banner {
    line-height: 10;
    }

    .banner .textwidget {
    background: #fff;
    line-height: 1.00;
    padding: 0px;
    }

    .banner p {
    line-height: 1.0;
    }

    .banner img {
    max-width: 100%;
    }

    Thank you!

Viewing 1 replies (of 1 total)

  • What theme do you use? If you use a premium theme like me ([moderated]), than you can modify it easily without going in the CSS file.. I inspected your code, but I can’t find any height attribute.. Is your theme responsive? If it is, try to search for the media queries, and try your luck there. Try to look for header attribute in the media queries (9/10 times at the bottom of your CSS file or in a other file called -> theme.responsive.css)

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