Configure Website Settings for Mobile Devices

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 devices - in the Mobile page in your Settings dashboard. Want to edit the design of your Mobile Navigation or Mobile Footer? You can adjust the design settings in the Design panel.

To edit your website's mobile settings:

  1. Select the Settings tab at the top of your Websites app.
  2. Select Mobile on the left-hand sidebar.

 

 

Mobile Navigation

You can customize the way your site navigation is handled on mobile devices. For example, if your site's mobile navigation style is set to use a drop-down menu (in the design tools' mobile navigation section​), the default label seen in the drop-down control is "Menu," but you may customize this label here.

You can also set a custom threshold for when you home page navigation collapses. 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. The default threshold is 7; set this number to 1 if you prefer to always collapse the nav on the homepage, or a set it to a high number (say, 100) if you prefer to never collapse it on the homepage.

 

Create a custom mobile footer that will replace the default footer on mobile devices. You can select up to four items to add to your mobile footer, which will appear as "icons" on the bottom of phone screens. You can also choose to whether to display the mobile footer on tablet devices, as well as hide items from the navigation if they are already linked in the mobile footer.

 

Mobile Content

Set up custom behavior for certain content blocks on mobile devices. Here, you can choose to use interactive maps on mobile devices. When this toggle is turned off, your site will fall back to static maps on mobile devices even when interactive maps are selected in the design tool. This can improve site performance on these devices, especially when a page includes multiple maps.


    • Related Articles

    • Add a Click-to-Call or Click-to-Text Link

      Most modern smartphones will turn phone numbers into click-to-call or click-to-text links automatically within the mobile browser, but if you need to add a special click-to link into your website, you can do this by adding in a special action to your ...

    • Website Profile Settings

      The Profile page on the Settings dashboard is where you can enter important details about your business. The information you enter here can populate automatically on certain content blocks on your website. The Profile page lets you choose your ...

    • Link to a Hidden Page

      The easiest way to grab a link to a hidden page is to temporarily make it visible, grab the link, and then make the page invisible again. To do this: Select Pages at the top of your Websites dashboard. Select the vertical ellipses icon to the right ...

    • Change the Color of Your Website's Links

      You can change the color of your hyperlinks globally so that all links on your website apply to the same rules. To change your sitewide hyperlink color: Click Design at the top of your Websites app to open the Design panel. On the right-hand sidebar, ...

    • Embed a Google Calendar on Websites 360®

      You can share your Google Calendar with your website visitors by embedding an interactive calendar to your website. Visitors can click and save your public calendar events. Note: The function of the Google Calendar is dependent upon third-party code, ...