Edit the mobile style of elements

You can edit the way a specific element displays on mobile devices. Editing the mobile styles of a specific element will prevail over editing all elements of this type on your website.

Depending on the type of element, the settings will differ. For text, you will be able to edit the font size, font weight, line height, letter spacing, and even margins. For an image, you will be able to edit its height and position.

Access the mobile preview

Click the mobile preview icon in the lower-left corner of your admin panel. This will display how your portfolio appears on mobile devices.

Apply changes to a single element on mobile

This option allows you to customise a single element without affecting similar elements across your portfolio. If you need to adjust a specific element such as a heading, image, button, section, or gallery for mobile, without changing the rest of your design, this setting is the best choice.

1. Open the mobile preview.
2. Right-click on the element you want to edit.
3. Click Styles.
4. Make your adjustments—these changes will apply only to this element on the mobile version of your portfolio.

Note

In the styles panel, there’s a dropdown menu labeled "Style this element", allowing you to confirm that your changes are applied to the selected element only.

Hide elements on mobile

Certain elements, such as sections, cover images, and single images, include an option to hide them on mobile devices. This allows you to optimise your layout for smaller screens by removing elements that may not display well or are unnecessary on mobile.

Apply global mobile styles to an element type

This option allows you to apply consistent mobile styling to all elements of the same type across your portfolio website. If you want all buttons, headings, or galleries to share the same appearance on mobile, this setting ensures uniformity.

1. Open the mobile preview
2. Right-click on the element you want to edit.
3. Click Styles
4. In the dropdown menu, select Style all elements of this type on your website.
5. Make your adjustments—these changes will automatically apply to all elements of the same type across your portfolio.

Note

Some elements, like sections, cover images, and single images, do not support global mobile style adjustments. Changes to these elements must be made individually.