Hamburger menu on tablet, but with the logo from desktop

Hi Swen,

You can adjust the mobile breaking point at customizer > primary navigation > Mobile Menu Breakpoint.

Once you set the breaking point to what you're happy with, we can have a look at the logo issue.

Let me know :)

Hello Ying,

I know that and everything fits so far. I have the mobile menu on the tablet and it should stay that way.

But instead of the mobile logo, I would like the desktop logo on the tablet, but in a smaller size.

Try this CSS:

@media (min-width: 769px) and (max-width: 960px) {
nav#mobile-header {
    display: none !important;
}
#masthead.site-header {
    display: block !important;
    opacity: 1;
}
.site-header .site-logo {
    width: 200px;
}
}

Ying, thank you very much!

You are welcome :)

I still have one problem.
When I'm on the start page, the hamburger menu button doesn't work.
It works on all other pages.

Can you link me to your site again since once the topic has been marked as resolved the info in private info field will be erased?

See below

Thanks

The first container block on home page has a z-index value 10set:
https://www.screencast.com/t/OM2jGG3KnO
https://docs.generateblocks.com/article/container-overview/#inner-z-index

Removing the number should fix the problem :)

You are great!

Thanks

You are welcome :)