Technology WordPress

Elementor for WordPress not showing correctly on responsive.

elementor wordpress padding spacing issues

If you are like me and have to use Elementor for WordPress and have been working on a section which keeps looking incorrect when using responsive I have a simple tip that can help.

This issue I was having was the first time I moved WordPress from one site to another (stagging domain to final domain) the URL changed completely and I had already updated the exported database with all the new URLs (at least I thought I had – that is a topic for another day).

After moving the Elementor – WordPress site over everything looked off and there were missing colors, images, incorrect spacing, buttons gone wrong – you name it and I saw it.

So, to get to the solution of how to fix padding or spacing gone wrong, the best and easiest thing to do is to go to the Elementor plugin > Tools (shown below).

In the Tools section you will see 2 very VERY VERY important sections, these are:

  • Regenerate CSS & Data
  • Sync Librarys

If you are having issues with Elementor templates, moving an Elementor WordPress site, or have other issues with padding elements and other miscellaneous issues, I would recommend going here first and then seeing if you were able to get your site to look correctly on Desktop, Tablet, or Mobile.

First, click Regenerate Files & Data

Secondly, click Sync Library

Thirdly, go incognito or private on a browser and check your domain!

This is a before and after of an issue I was having. I had created and recreated and recreated the template to go inside a slider. It would work, but any changes to the template looked bad in the slider and live on the site.

I thought, ah-ha, and tried what I mentioned above. The site was back to the way it was originally designed.

I hope this helps you and your web development trials.

Good luck out there!

You may also like...