Responsive Logo

I was wondering if there is a way to make logo responsive. It stays the same size whether I’m on the desktop or zooming into iphone view. It’s too big on the Iphone view. Is there any way to make it responsive?
Thank you so much!

Logo is responsive but it is too small to respond to device screen size. Resizing is done when items doesn’t fit but in this case it does fit perfectly horizontally and that’s what matters.

If you want, you can use CSS media queries to change logo size for different screen sizes. here is a basic example how it is done:

@media (max-width: 768px) {
  #logo img {
    width: 80px;
    height: auto;

Aigars, Thank you! Works great now!