How do I set my home page navigation to a drop-down menu on mobile devices?

How do I set my home page navigation to a drop-down menu on mobile devices?

By default, your site's main navigation collapses to a drop-down menu on mobile devices. However, for your site's homepage, you can choose to show the full navigation if the number of links is less than or equal to a certain threshold. To change the threshold and make your menu fully collapsed, follow these steps:

1. Select Settings (gear icon)

2. Select Extras

3. When the drop-down menu appears, select Mobile

4. Set the Home page nav collapse threshold to 1

5. Publish to the live site

    • Related Articles

    • 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 ...

    • 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 ...

    • Add a Drop Shadow to Your Images

      Adding a drop shadow to your images gives your image depth and perspective. It makes it look like the image is popping right out of the screen! Images without a drop shadow effect: Images with a shadow drop effect: To add a drop shadow to your ...

    • 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 ...

    • 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 ...