Reduce size of sticky header?

Try this

.sticky-enabled .tc-header {
    height: 60px !important; /* Adjust */
}

Default is auto, seems to set at 80px.

Hi @rdellconsulting

Code you provided worked well, thanks!

Changing the sticky header size did create a small problem for me though, but it should be an easy one to fix. The logo, menu items, social icon and tag line are not centered in the sticky header now that it changed size. I managed to find the css selector for the logo to center it. But I can’t seem to find the css selectors for the others. Could you help me with this?

Thanks!

.sticky-enabled .site-logo {} /* Logo */
.sticky-enabled .tc-header .social-block {} /* Social Block */
.sticky-enabled .navbar-wrapper .navbar h2 {} /* Tagline */
.sticky-enabled .navbar .nav /* Navbar */

Awesome! Thanks!

I’m trying to re-align an extra widget in the sticky header that I’ve added via this snippet (https://themesandco.com/snippet/add-widget-area-header/).

This doesn’t work though:

.sticky-enabled .my-extra-widget {
position:       relative;
top:            -18px;
left:           0%;
}