Add on question to topic "change the navigation menu on mobil size #post-685870

With help of previous mentioned post I’ve managed to rearrange the position of the site logo and menu for mobile, everything looks fine on my phone, but when I tried in a smaller screen, the header changed from to .

I guess it’s because the logo is too big, I tried the following CSS to change the size of the logo, but still get the same as in 2nd photo but with smaller logo.

@media only screen and (max-width: 1024px){ {
    max-width: 60%;

Question: how can I resize the logo responsively and position it on the left, the same level as the hamburger menu on the right, as in 1st photo. Thanks in advance.


Could you please to share the URL of your site?


I have solved the problem myself using custom css, thank you for your attention, you can mark it as solved.