Style Your Mobile Navigation

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 Design tool from the gray navigation bar. If not already selected, select the Sitewide tab on the right-hand sidebar. Then, select Navigation.

Screen_Shot_2018-10-15_at_2.01.56_PM.png
Helpful Article: How do I style my navigation?

2. Select the Mobile tab to view your mobile navigation design settings.

Screen_Shot_2018-10-15_at_2.03.25_PM.png

3. View all of your possible icon choices by clicking on the Layout design box.

Screen_Shot_2018-10-15_at_2.04.45_PM.png

We give you 45 icons with over 130 icon style and shape variations to choose from, providing unique customization for you and your business' brand.

4. Scroll down to change your Text and the shape of your Social Icons.

Screen_Shot_2018-10-15_at_2.10.33_PM.png

5. Within the Expandable Menus panel, design how the navigation menu appears on the reveal. Change the Background color by selecting the color picker box.
Screen_Shot_2018-10-15_at_2.11.47_PM.png

6. Select Save and Publish to make all of your navigation changes live now.

Helpful Article:How do I use mobile navigation on the desktop view of my site?

    • Related Articles

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

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

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

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

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