Mobile Styling Overview
C
Written by Chris
Updated over a week ago

All Converdy sites are adjustable on smaller browsers and fit the format of a device. This is also called responsive design. With responsive design your content automatically resizes based on the size of the browser window viewing your site.

When it comes to mobile devices the content stacks vertically. This means that visitors can scroll through your page without any zooming, sliding left and right to see the content and basically browse undisturbed.

You can adjust the typography size in order to fit the small mobile screen. This can be done using Global Design. In the left hand menu, click on the device icon to choose mobile.

Adjust rows and columns to optimize content and make it look good on smaller screens. Our advice is to use 1 column/row for mobile view for better user experience and use 100% of the screen width.

While optimizing your content and design, perhaps you feel that some sections and elements are not necessarily needed for mobile devices. You can hide those parts for any device. In your left hand menu, look for General-Visibility

Now that you know the basics of Mobile styling, try out and style your first Mobile responsive page in Converdy.

Did this answer your question?