Enable Mobile Navigation on Desktop

Enable Mobile Navigation on Desktop

You can use your website's mobile navigation even when it's viewed on a desktop. This can create a consistent experience for your visitors, especially if you prefer the mobile menu's compact design.


Steps to Use Mobile Navigation on Desktop View

Follow these steps to set up mobile navigation for all devices:

  1. From your Dashboard navigation bar, select Design.

  2. On the right-hand sidebar, ensure the Sitewide tab is selected.

  3. Next, select Navigation.
    Screen_Shot_2018-03-28_at_9.46.44_AM.png

  4. You'll see two tabs: Desktop and Mobile. By default, Desktop is selected. Switch to the Mobile tab.

  5. In the Layout panel, you'll find the Use mobile navigation on all devices checkbox. Enable this option.

    Note: This feature is currently only available with two specific layout types: Top Navigation (Logo Above) and Top Navigation (Logo Below). If you are using a different layout, this option will not be available.
    Screen_Shot_2018-03-28_at_9.50.29_AM.png

  6. To make your changes live, select Save and then Publish.

    • Related Articles

    • Change the Background of Your Mobile Navigation Menu

      The background of your expandable navigation menu on mobile devices can be changed to the color of your choice. How to Change the Mobile Navigation Background 1. Select the Design tool in the gray navigation bar. 2. Select Navigation under Sitewide ...

    • Enable/Style Expandable Navigation in Your Side Navigation

      You have the ability to enable expandable menus in all of the side navigation layouts. An expandable menu is simply a section of pages you have categorized in your navigation menu that is able to be viewed by the click of the mouse. Note: These ...

    • Add Sitewide Banner Above Top Navigation

      You can call attention to a sale or a special announcement to your website's visitors by adding a sitewide banner above your website's top navigation bar. This process involves building a text block, then adding some custom CSS and JS code to your ...

    • Change the Font/Text Style of Your Navigation Menu

      You can change the font or text style of your Navigation menu items on your website's Design panel. Follow the steps below to change the appearance of your navigation menu. Click DESIGN at the top of your design.livebooks.com dashboard. Click the ...

    • Add or Remove Padding from the Navigation Menu

      There are two ways to add and remove the padding from the navigation menu, on a site-wide scale and on a page-by-page basis. To remove the padding on a sitewide level, follow these steps: 1. Select Design 2. Select Sitewide in the Design panel on the ...