Force mobile menu icon at specific breakpoint

BB Theme
1

I’m building http://optiformsinc.com/

The nav menu is very wide and I’d like to force the mobile menu with the hamburger icon to display at 1050 px. Can you guys help me with the code to accomplish this?

Thanks

2

Hey Jcduron,

Take a look at Danny’s reply on the thread below. It discusses how to achieve this. You may want to change the min-width setting to 1050px. :slight_smile:
http://forum.wpbeaverbuilder.com/support/q/use-mobile-menu-on-desktop-site/#post-98228

Ben

3

Thanks Ben, this is a good starting point but does anything change if I want to affect the menu for the BB theme? That was Danny’s first question in the thread.

In my case, I made a copy of the BB child theme and renamed it. I’ve been modifying that.

To your knowledge would Danny’s modifications work on the BB child theme too?
Thanks

4

Hey Jcduron,

The modification I mentioned on the other topic is only for the Menu module. In regards to the theme, I don’t believe this is possible. As most of the styling is coming from the boostrap-min.css file and some from the preset. If you wish to override it, the bootstrap-min.css media queries are still going to be present and they may cause a conflict such as the menu opening and closing straight away.

The best alternative would be to disable the header and then use my modification, Ben linked above. To display your logo image, you would want to use the Photo module.

Hope this helps.
Danny

5

Thanks Danny. While the solution is not ideal, I totally understand. I will play around with the options to see what is best.