Set Mobile Navigation to Always be a Drop-Down Menu

Set Mobile Navigation to Always be a Drop-Down Menu

By default, your site's main navigation collapses to a drop-down menu on mobile devices. However, for your site's homepage in desktop view, you can choose to show the full navigation if the number of links is less than or equal to a certain threshold.

The default threshold is 7; set this number to 1 if you prefer to always collapse the navigation on the homepage, or set it to a high number (say, 100) if you prefer to never collapse it on the homepage. 

To change the threshold and make your menu fully collapsed, follow these steps:

1. Select the Settings gear icon from the gray navigation bar and hover over the Extras tab under the Settings header.

Screen_Shot_2018-10-18_at_8.23.22_AM.png

2. Select Mobile from the drop-down menu. Set the Home page nav collapse threshold to 1.

Screen_Shot_2018-10-18_at_8.23.48_AM.png

3. Select the green Publish button to make the change live to your site.

    • Related Articles

    • 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 a click of the mouse. Note: These options ...

    • Style your Navigation

      We offer up a vast selection of options for your site's navigation. Your site automatically comes with the styling chosen for your mobile navigation that will match the template you picked. You will find all the customization options for your ...

    • Style Your Mobile Navigation

      We offer up a robust selection for your site's mobile navigation. Your site comes with a mobile navigation that will match the template you picked. You will find all customization options for your navigation within the Design tool. 1. Select the ...

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

    • 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 SpaceCraft dashboard. Click the Sitewide tab ...