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).
Mac Book Pro Charger – 118W USB C Charger Fast Charger Compatible with USB C Port MacBook pro/Air, ipad Pro, Samsung Galaxy and All USB C Device, Include Charge Cable
$35.99 (as of September 17, 2024 04:09 GMT +00:00 – More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)Amazon Fire HD 10 tablet, built for relaxation, 10.1″ vibrant Full HD screen, octa-core processor, 3 GB RAM, latest model (2023 release), 64 GB, Black
$99.99 (as of September 17, 2024 04:09 GMT +00:00 – More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)Amazon Fire HD 10 tablet, built for relaxation, 10.1″ vibrant Full HD screen, octa-core processor, 3 GB RAM, latest model (2023 release), 32 GB, Ocean
$89.99 (as of September 17, 2024 04:09 GMT +00:00 – More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)Amazon Fire HD 10 tablet, built for relaxation, 10.1″ vibrant Full HD screen, octa-core processor, 3 GB RAM, latest model (2023 release), 32 GB, Black
$89.99 (as of September 17, 2024 04:09 GMT +00:00 – More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)45W USB-C Chromebook Charger for HP Chromebook X360 14 14-ca051wm 14-ca052wm 14-ca091wm ca061dx 14-ca0061dx 14-ca060nr 14-ca020nr 14-ca043cl USB C Power Supply Adapter
$8.99 (as of September 17, 2024 04:09 GMT +00:00 – More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)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.