Logo height is fixed and needs to be responsive

[djigoboom]

Hi,

This theme is awesome! I really like how it’s put together. I am having an issue with the logo be squished horizontally because the logo height stays the same (51px) if the width of the browser or becomes smaller.

The logo is 300px x 51px at a screen width of 1349px or greater. However when we drag the frame of the browser to shrink the width, the logo height remains at 51px. This happens before the landscape breakpoint for the theme.

So when we shrink the width of the browser to 1025px, the logo is squished to 213px x 51px. We want it to maintain an aspect ratio of roughly 6/1 so that it will resize responsively to 213 x 36 at a screen width of 1025px.

Please advise.

Thank you!

[Kyle – SUPPORT]

Hi

Please provide me with a login so I can check your settings

– Kyle

[djigoboom]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .full-center #logo.has-img a > img {
       height: 36px!important;
    }

}

-Rui

[djigoboom]

That didn’t work.

[Rui Guerreiro – SUPPORT]

Hi,

Can you check again. It was something wrong in the pasted code on your custom css options.

-Rui

[djigoboom]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Will have to forward to the development team.
Let’s wait for the reply.

-Rui