Style Your Mobile Navigation

Style Your Mobile Navigation

All Websites 360® sites have a separate mobile navigation menu that appears when users access your site on a mobile device. 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 Design at the top of your Websites app.
  2. If not already selected, select the Sitewide tab on the right-hand sidebar. Then, select Navigation.

  3. Select the Mobile tab to view your mobile navigation design settings.
  4. View all of your possible icon choices by clicking on the Layout design box.

    You can choose from 45 icons with over 130 icon style and shape variations.

  5. Scroll down to change your Text and the design settings of any Buttons on your navigation.
  6. 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
  7. Select Save at the bottom of the sidebar to confirm the changes.

    • Related Articles

    • Configure Website Settings for Mobile Devices

      Every website created on our platform is built according to responsive design principles. This means it seamlessly scales across all devices. You can control specific features - such as a custom navigation menu or footer that's unique to mobile ...

    • Edit Your Website's Navigation Design

      The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...

    • Show or Hide a Specific Page from Navigation

      You can hide your specific page from the navigation bar by toggling on or off the Show in navigation option. Note that this does not make the page invisible to visitors, as it only hides it from the site's top Navigation Bar. If visitors have the URL ...

    • Change Browser Tab Bar Color for Safari

      Safari's newer browser version (Version 15 and later) lets website owners change the color of their website visitor's browser tab while viewing the website. You can change the color of your website visitors' browsers on Safari by adding a code ...

    • Hide Header, Navigation, or Footer on a Specific Page

      You can hide the Header, Navigation, or Footer on specific pages if you do not want them to appear. To edit the visibility of the Header, Navigation, or Footer on a page, you will open that page's Design settings: Select the Pages tab at the top of ...