Reduce Header Height (3 posts)

  1. cjszkr
    Posted 1 year ago #

    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.


  2. rdellconsulting
    Posted 1 year ago #

    Did you look in the Snippets?

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

  3. cjszkr
    Posted 1 year ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic