media query for logo

On mobile view the logo is blocking the menu. How can I make the logo responsive?

Hello there,

I hope you are doing well today.

You can use the following CSS code to adjust the logo by going to Appearance > Customize > Additional CSS and pasting it there.

/*Logo resize*/
@media screen and (max-width: 1000px) and (min-width: 520px) {
.top-header img {
    height: 50px;

Best Regards,