Logo resize on mobile view

Hi there,

Try recropping your logo so there isn't a massive amount of top and bottom padding in the image:
https://www.screencast.com/t/EdY9xwGxsK8

Let me know if this helps :)

I have cropped the logo but the menu tab is now under the logo, I want the menu tab to be on the same length with the logo. how can I achieve that

We would need to reduce the logo size.

Try this CSS:

.site-logo.mobile-header-logo img {
    height: auto !important;
    width: 150px;
}