How to disable Desktop Expanded Menu (three dots)

  • Resolved Marco

    (@marco020)


    5 years, 2 months ago

    Dear Support Team,

    First I want to thank you for developing the Twenty Twenty theme. It’s clean and fast!

    On my website I’ve installed the plugin WP Mobile Menu. In this plugin I’ve setthe breakingpoint at 767px. When the screen is wider than 767px I want my website to show only the theme’s Desktop Horizontal Menu. So I’ve unchecked the Desktop Expanded Menu in the dashboard.

    However, the Desktop Expanded Menu (three dots) does show up when the screen width is between 768px and 1,000px. How can I disable the Desktop Expanded Menu (three dots)?

    I only want on my website:
    0px – 767px: WP Mobile Menu
    768px and wider: Desktop Horizontal Menu

    Thanks in advance for your time and answer.

    Marco

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Marco

    (@marco020)

    Dear Support Team,

    When do you think you have time to help me?

    Thanks in advance for your time and answer.

    Marco

    I believe the following will get you what you’re looking for, add into Appearance->Customize->Additional CSS

    @media only screen and (min-width: 767px) and (max-width: 999px) {
    .header-inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .header-inner .mobile-nav-toggle {
        display: none;
    }
    .header-navigation-wrapper {
        align-items: center;
        display: flex;
    }
    .primary-menu-wrapper {
        display: block;
        width: 100%;
    }
    .header-titles-wrapper {
        max-width: 50%;
    }
    .header-titles-wrapper .header-titles {
        flex-wrap: wrap;
    }
}
    Thread Starter Marco

    (@marco020)

    Thank you so much Jarret. Your solution works perfectly!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to disable Desktop Expanded Menu (three dots)’ is closed to new replies.