Okay
  Public Ticket #2163294
Menu choice for responsive sizes
Closed

Comments

  • Ralph Burleson started the conversation

    Hello,

    How do i control the width at which the header switches to the mobile menu format?

    The theme is going to the THREE LINE drop-down menu much too quickly.   Basically, the mobile menu displays when the browser is almost full screen.

    Also, where can I change the layout ans setting for the mobile menu?

    Thanks

    Attached files:  Mobile Menu Engages Too Early.png

  •  895
    Linh replied

    Hi

    The theme is automatic switch to mobile layout if the screen smaller than 1200px.

    If you make the switch point smaller, there is no css style for the header items.

    Thanks

  • Ralph Burleson replied

    Is there any way to add LIVE SEARCH onto the top of the mobile menu, so it is displayed 100% of the time? 

  •  895
    Linh replied

    You can try this code to have it:

    @media (max-width: 1199px){
    .site-header.header-sub-menu-bottom .search-col {
        display: block !important;
    }
    .search-col .search-form-wrapper.header-search .select2 {
        display: none !important;
    }
    .site-header .header-tools {
        width: 20% !important;
    }
    }
    

    Thanks