Changing Mobile Navigation Responsive Breakpoint


  • Support
    HB-Themes
    March 19, 2019 at 3:07 pm #137114

    If you want to change the mobile navigation responsive breakpoint, in order to show the mobile navigation earlier, add the following CSS code into Appearance » Customize » Additional CSS:

    @media handheld, only screen and (max-width: 1200px) {
        #main-nav {
            display: none !important;
        }
    }
    
    @media handheld, only screen and (max-width: 1200px) {
        #show-nav-menu {
            display: inline-block;
        }
    }

    1200px is the width when regular navigation gets hidden and mobile navigation shows up. Feel free to change it as needed.

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.