Logo on mobile doesn't take me to homepage

Hi all, hope I can get some help here.

The logo of my client's website on desktop is set to inline. However, I've done some tweaking so on mobile it's now set to default and the hamburger menu shows up next to the logo. That's what I wanted to accomplish, so great that it worked.

However, now clicking the logo on mobile doesn't take me back to the homepage (and as a result there's no easy way to get back home after browsing the website).

Hope someone can help me with solving this. It's probably an easy fix that I'm missing...

Thanks so much in advance.

For reference, the website is: www.anatevkabos.nl

 

Hi Sha On,

Thanks so much for your quick help!!

I've used your code, and still had the same problem ... However, I saw that I also did something weird with the hamburger menu. The old code I used was this one:

@Media screen and (max-width: 980px) {

#et-top-navigation {

top: 50%!important;

transform: translateY(-40%)!important;

bottom: auto!important;

margin-top: 30px!important;

}

#logo {

float: left!important;

padding: 0px!important;

margin-bottom: -40px!important;

margin-top: 20px!important;

}

.logo_container {

max-width: 80%!important;

}


I changed the margins like you said to 0. I also changed this line of code " transform: translateY(-40%)!important;" to 0.1%.

Now indeed I can click the logo again to go to homepage. However, I really don't like how the logo and hamburger menu are not vertically aligned. Any idea how I can solve this?!

 

Oh my, this worked. You're a life saver!! Thanks a million!

 

Oops, celebrating too early. Now the dropdown of the menu on mobile shrunk to a small column and is not visible anymore. Please help!