Logo and hamburger not aligned in mobile view

Sparkling
1

The logo in the header does not align with the menu icon on mobile version. Instead the menu icon goes beneath the logo (in a row below). I want these to be aligned in the same row, logo on the left and hamburger on right.

I have tried to use the additional CSS code given in some other forums but they are not working.

Website is http://goforielts.com
Secondly, the logo quality also goes down in the mobile version. Although the image size is 300x76px. What do I need to do to maintain the quality?

I would be thankful for any support in this regard.

2

Hey there

You can use this code to fix it:

@media (max-width: 767px){
div#logo {
    width: 50%;
    display: contents;
}
}
3

Thanks you! it worked!

4

Have a great day :slight_smile: