Site logo format


#1

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.


#2

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.


#3

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.


#4

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%;
  }
}


#5

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