![]() ![]() Sometimes it looks weird when the exact same order of content is applied on mobile. Keep in mind that it is important to apply the exact same paddings and margins for all sections and columns for mobile, that will lead to a consistent experience. 5%).Īs you can see in the example above, with a few small edits the page looks better on mobile within seconds. Then start adding paddings on content columns (i.e.Add margin on the main section holding the content.Set padding and margin to zero for all sections/inner section and columns.If I switch to mobile you can see that the margin and padding settings are empty and that it looks ugly on mobile. There are multiple paddings and margins applied on section and column level. In this screen-recording, you can see our contact section from our frontpage. Elementor does not automatically reduce or compute a fitting margin/padding setting for your page. ![]() The number one thing you should fix is the padding and margin settings for your sections and columns. Change Padding and Margin Settings for mobile This list of tips is the result of building lots of pages with Elementor for our clients ( and our own, of course). The reality is if you apply a few mobile-specific settings you will land at an okay-ish page within minutes. It looks like a lot of work to fix all this. In short, your page is barely usable on mobile devices and you need to work on the responsiveness of your page. Sections are stretched and lots of white space is added, that leads to lots of scrolling, images take up large parts of the site, the font size is too large, and so on. So you built your beautiful web page with Elementor, and now you are a little bit shocked after viewing your page on mobile for the first time. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |