WordPress.org

Support

Support » Themes and Templates » Reduce Header Height

Reduce Header Height

  • Can I reduce the header height? If so, I would like to reduce it to about 1/2 of its size or even 1/3. What’s the code I would put in Custom CSS? This is mainly because the header is taking up too much real estate in the mobile version.

    thx!

Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting
    Participant

    @rdellconsulting

    Did you look in the Snippets?

    This one gives you a direction. You’d need to add a max-height property

    Thank you – I was able to adjust the height. But I added the same number -10px to the -10% to follow instructions on maintaining responsiveness, and the header and nav bar separate on mobile display. The ipad display is fine. This is the code I’ve added to Custom CSS:

    .tc-header, .navbar-inner {
    position: relative;
    top: -10px;
    left: 0px;
    top: -10%;
    left: 0p%;
    min-height: 45px;
    max-height: 80px;
    background-color: #B2CB7A;
    border-bottom: 5px solid #F4F5ED;
    border-top: 5px solid #F4F5ED;
    }

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