Changing max screen size for three line menu icon

  • Resolved sheilaob

    (@sheilaob)


    2 years, 7 months ago

    Hello!

    The three line menu icon starts appearing in screen sizes below 991px – I’d like for it to appear only on mobile sized screens. On screen sizes wider than that I’d like the menu to remain a horizontal list of page names as usual.
    Which parts of the CSS code do I need to adjust for that?

    Thanks a lot for any help – I appreciate it!

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,
    add this

    @media (min-width: 767px) {
    #masthead .navigation {
        display: block;
    }
    .mobile-nav-trigger {
        display: none;
    }
}

    in your custom css box under Customize->Additional CSS

    Let me know if this helps

    Thread Starter sheilaob

    (@sheilaob)

    Hi @markwaregr,

    many many thanks for all your great support solutions – to my own posted issues and to others – they’re great help.

    Your code solved the issue with the menu. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing max screen size for three line menu icon’ is closed to new replies.