Adapting your site to mobile resolution is an integral part of creating a fully responsive website.
If you head to your site's mobile resolution, you'll be offered to upload a separate mobile design (or to do that later on).
This guide explains the two different ways you can adapt your site to mobile resolution - which is a super-important step in creating a fully responsive website.
Adjusting desktop design to Mobile:
If you don’t have a mobile design file, you can always adjust your desktop design to fit mobile view, simply by moving and resizing elements in the mobile breakpoint.
Keep in mind that mobile resolutions are much smaller than desktop, which usually leads to different-looking mobile designs, commonly structured in a vertical order and with larger elements.
Uploading a separate design file for mobile resolution:
Using this option allows you to design your mobile version in your favorite design platform.
- Head to your mobile breakpoint
- Select the 'Upload file' option
- Upload the desired design file
You can upload a mobile design file at any given moment, even if you didn't pick the ‘Upload File’ option. Simply drag and drop your file at any time while in the mobile breakpoint.