Site logo

[Resolved] Hamburger menu on tablet, but with the logo from desktop

Home Forums Support [Resolved] Hamburger menu on tablet, but with the logo from desktop

Home Forums Support Hamburger menu on tablet, but with the logo from desktop

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2035946
    Swen

    Hello,

    I want the hamburger menu on tablet, which also works with changing the toggle point.

    But I want the desktop logo with a smaller size on the tablet.

    Thanks

    Swen

    #2036249
    Ying
    Staff
    Customer Support

    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 🙂

    #2036252
    Swen

    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.

    #2036299
    Ying
    Staff
    Customer Support

    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;
    }
    }
    #2036322
    Swen

    Ying, thank you very much!

    #2036346
    Ying
    Staff
    Customer Support

    You are welcome 🙂

    #2036445
    Swen

    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.

    #2036478
    Ying
    Staff
    Customer Support

    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?

    #2036500
    Swen

    See below

    Thanks

    #2036511
    Ying
    Staff
    Customer Support

    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 🙂

    #2036514
    Swen

    You are great!

    Thanks

    #2036517
    Ying
    Staff
    Customer Support

    You are welcome 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.