How do I lock components to the bottom in mobile view?

To lock a component to the bottom on mobile, select the component in Website Builder and choose Edit > Mobile view. You can then choose to keep it fixed at the bottom of the screen on mobile devices. This can help you adapt your site for smaller screens without changing how it appears on desktop.

Note: Only components that are part of the template can be locked to the bottom.

  1. Open your Website Builder editor.
  2. Select the component that you want to hide or lock to the bottom on mobile.
  3. Click on the Edit button that is now visible.
  4. In the floating menu that appears, click Mobile view.
  5. Select the option to lock it to the bottom.
  6. Save your changes and click Publish to make them visible online.

If you now go to your site in the Mobile view editor, the component will be locked to the bottom.

We also have a guide on how to use the Mobile view editor, for example, if you want to hide a component or change the font size on mobile devices.

Screenshot of the Website Builder editor. Red arrows highlight the described steps.

Related articles:

Was this article helpful?

Can’t find what you are looking for?

Start a chat

It's the quickest way to get in touch, every day of the year.

Give us a call

Available on weekdays from 10am to 2pm (UTC).