Site logo format

The size of my site logo is perfect when I set the top menu as “centered,” but when I use the inline menu format, my logo becomes too small. How do I adjust its size as well as the background header image when inline menu is used?

wwww.leadingwithideas.com

Thanks for the help, as always.

I’m not seeing the inline mode at the moment on your site, but I do see that your logo is pretty long. So it probably takes up all the space allotted for it which is 33% of the menu bar.

I switched on the static page and inline menu so you can see what I mean. My logo becomes so small height-wise that it’s a bit hard to read.

Yes, as I was saying it takes up all the space it can. Only way is to switch the ratio between the logo area and the menu area:


@media only screen and (min-width: 992px) {
  .site-header .col-md-4 {
      width: 40%;
  }
  .site-header .col-md-8 {
     width: 60%;
  }
}

Perfect. I can dial those %'s to the ratio that looks best. Thanks so much!