• Overview

    You can hide any element that appears on your desktop site from the mobile version of your site. You can find the elements that you hide from your mobile site in the Hidden Items section of your Editor.

    Hiding and showing elements in your Mobile Editor will not affect your desktop site.

  • Activating the Mobile Action Bar

    The Mobile Action Bar is an add-on layer that appears when your site is accessed by a mobile device. When you activate the Mobile Action Bar, your site visitors will be able to contact you via mobile action icons and to easily navigate through your site from a mobile device.

    To activate the Mobile Action Bar:

    1. From the left side of the Mobile Editor, click the Add gear.
    2. From Add, click Mobile Action Bar.
    3. From the top of Mobile Action Bar, click the toggle icon to turn on the Mobile Action Bar.

    The toggle icon will be marked red when the Mobile Action Bar is off and green when the Mobile Action Bar is on.

    4. Under Phone NumberEmail Address or Address click the blue link to add your contact information.

    You must fill out your contact information for the Mobile Action Bar to work.

    5. From Contact Information,  fill in the relevant fields.

    Your site visitors will be able to contact you from the Mobile Action Bar via mobile action icons that are based on the information that you have entered under Contact Information.

    6. Click Back to Mobile Action Bar.
    7. From Mobile Action Bar, under My Social Media Profile, click Edit your Social Media Profile to update your social media links.

    To activate your social media links on your Mobile Action Bar, you must add the relevant information to your Social Media Profile.

    8. From Social Media Profile, next to the relevant social networks, add your links.

    Your site visitors will be able to visit your social media pages from the Mobile Action Bar via mobile action icons that are based on the information that you have entered under Social Media Profile.

    9. Click Back to Mobile Action Bar.
    10. From Mobile Action Bar, checkmark the boxes to show or hide icons from your Mobile Action Bar.
    11. Next to Color Scheme, click a color option.
    12. Click Done.

    Your Mobile Action Bar is activated.

    We recommend visiting your site from a mobile device and testing your Mobile Action Bar icons.

  • Hiding an Element

    You can hide any element on your mobile site.

    To hide an element:

    1. Click the element to select it.
    2. Click the hide  icon.

    Your element is hidden.

    You can also hide your items by pressing Delete or Backspace on your keyboard.

  • Adding an Element Back to Your Mobile Site

    If you have hidden an element on your mobile site but would like to add it back to your site, you can do so from the Hidden Items section of your Mobile Editor.

    To add an element back to your mobile site:

    1. From the left side of the Mobile Editor, click the eye icon to open Hidden Items.
    2. From Hidden Items, next to your hidden item, click the eye icon.

    Your element is added back to your mobile site.

    Your element may not reappear in the same location that it was hidden from.

  • Adjusting Your Page Layout

    When you add hidden items back to your site, they may not reappear in the same location that they were hidden from. You can automatically reorder the layout of your page to accommodate the new items.

    To adjust your page layout:

    1. From the left side of the Mobile Editor, click the eye icon to open Hidden Items.
    2. From Hidden Items, click Reorder Layout.

    Your page layout is adjusted.