Shrink Header logo

Hi @thecelebrationdj,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.site-header.float-header .site-logo {
  max-width: 90px;
  transition: all .5s;  
}

NICE MAN! That worked perfectly!!

I went to shrink the overall starting size of the header from the standard 300 sydney size to 225. But it doesn’t seem to change. Is it already adjusted in my CCS?

.site-header {
background-color: rgba(181,181,181,0.9);
}

.page-id-115 #primary {
width: 100%;
}

@media (min-width:992px) {

.header-wrap .col-md-4 {
width: 20% !important;
}

.header-wrap .col-md-8 {
width: 80% !important;
}

}

@media screen and (max-width:800px) {
.header-wrap .col-md-4 {
width: 33.3333% !important;
}

.header-wrap .col-md-8 {
width: 66.6666% !important;
}
}

.site-header.float-header .site-logo {
max-width: 90px;
transition: all .75s;
}