How to make Mobile Like Menu in Desktop

⌘K

How to make Mobile Like Menu in Desktop

First, Accessing the WordPress Customizer

Navigate to the Customizer. Once logged in, look for the “Appearance” menu on the left-hand side of the dashboard. Click on “Appearance,” and then click on “Customize.” This action will take you to the WordPress Customizer, where you can make various changes to your site’s appearance.

Finding WP BNav

Locate the WP BNav Option. Within the Customizer, you’ll see several sections depending on your theme and plugins. Look for a section titled “WP BNav”. This section is specifically for modifying the mobile menu settings.

Adjusting General Settings

Open General Settings. Click on the “WP BNav” section to expand it, revealing its settings. Look for a sub-section “General Settings,” and click on it to access more specific options.

Changing the Breakpoint Value

Modify the Breakpoint. In the General Settings, find the option labeled “Breakpoint.” The Breakpoint value determines the screen width at which your site will switch to the mobile menu. By default, this might be set to a value like “768” pixels, which is common for tablets. Change this value to “1920” and press Enter or look for a save button to apply the change. This adjustment means your site will use the mobile menu for any screen width up to 1920 pixels, which includes most desktop screens.

Publishing Your Changes

Apply and Publish. After setting the Breakpoint value to “1920,” click the “Publish” button at the top of the Customizer to save your changes. This action will make your adjustments live on your site.

Check out this video tutorial.

Was this article helpful to you? No Yes

How can we help?