Can I change the menus/submenus from top Nav bar into Hamburger Menu (three line

  • Resolved chrisyoung1270

    (@chrisyoung1270)


    9 years, 1 month ago

    I am using TERRIFICO theme. When viewing my site on iPad or mobile devices, the menus/submenus are shown as a scroll/pull-down menu. I would like to change it to the “hamburger menu” style (three horizontal lines) like other websites nowaday. I haven’t found an option for that on this theme.

    I downloaded a plug-in “Responsive Menu” but when installed, it shows the “hamburger menu” on top of a menu on the top NAV bar.

    Any help is very appreciated from this beginner…

    Thanks,

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

  • There are two options that you want to set for the Responsive Menu plugin so that 1) the hamburger menu appears at the same time that the theme’s mobile menu would normally appear, and 2) hide the theme’s mobile menu since the hamburger menu will take its place.

    Go edit the Responsive Menu options by clicking Responsive Menu from the admin dashboard.

    Click the tab labeled Advance Setting.

    In the field labeled Menu Breakpoint, enter 1024. This means when the screen is narrower than 1024 pixels, the hamburger menu will appear. This is the same point at which the theme’s mobile menu appears (you can check this out on your desktop by making your browser window narrower until the regular menu disappears and the mobile menu appears).

    In the field labeled CSS of Menu to Hide, enter:

    .tinynav

    This will hide the theme’s mobile menu.

    Scroll all the way to the bottom and click the Update Responsive Menu Options button.

    Thread Starter chrisyoung1270

    (@chrisyoung1270)

    Excellent! Thank you so much, Crouching Bruin! It worked great!

    Thread Starter chrisyoung1270

    (@chrisyoung1270)

    Will close this ticket now…Thanks again

    I want to remove my top hamburger menu from the mobile and tablet versions. I am currently using giga store theme. my site https://www.playbarter.com

    @janmeshshirke03, in the future please open a new thread instead of jumping on another, especially since it looks like you are not using the same theme or plugin as the original poster.

    You can add this to your theme’s custom CSS (if it has that option), or to WordPress’ Additional CSS option (Appearance → Customize → Additional CSS):

    
#site-navigation .navbar-header {
   display: none;
}

    Well sorry for that will create a new thread next time. I tried the code but didn’t work.

    Thanks a lot man problem solved !!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can I change the menus/submenus from top Nav bar into Hamburger Menu (three line’ is closed to new replies.