Tips For Responsive Design


Some CSS properties as width, height and position can damage responsive design. You need to be careful while editing your website.

Editing Element Dimensions

If you need to edit the element’s dimensions on your website, we recommend you make these changes on the responsive tool.

YellowPencil Preserves Responsive System

If you are a beginner, we recommend you keep the Auto Responsive feature on. By default, this feature is on. This feature applies the changes only for desktops (if needed) and maintains a stable responsive system.

Drag & Drop Feature And Position Property

Use position property only for small edits; don’t make significant position changes.

Negative Margin

Don’t use negative margins, if need, handle carefully.

Before Save Changes

Don’t forget to check the page with Responsive Tool to be sure it works well on all screen sizes before saving changes.

If you have messed up the responsive design, you can find and delete CSS properties which damage the mobile view by using the review changes tool.
If you don’t know how to use the responsive tool, please check this article to learn how this work.
Was this article helpful?

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor