Logo issue with header

Hi guys,

I’ve come across a couple of small issues with your theme. I’m trying to get my logo to fit in the responsive menu but it pushes the button above or below due to its length. I looked at a few threads on here and implemented your CSS suggestions but perhaps it’s better for me to shrink it somehow? I have attached a screenshot below. On desktop it is also not clickable on the right-hand side of the logo.

I see this :

.col-sm-2 {
width: 16.66666667%;

And the clickable part of the logo fits within this, but if I adjust width it affects the whole menu. Is there a way to make the logo clickable without breaking it? Hope that made sense and thanks for this great theme!

The site : http://business.filmindustrynetwork.biz


I see that you already used an extremely small logo and it does not seems like the best solution for it.

You could really use a media query rule to make the logo smaller only on the smallest displays <480px

Try something like this and change the values to better match your needs:

@media (max-width: 600px) {
  .custom-logo { width: 200px; height: auto; }

Let me know if you got it alright.