Home › Forums › WoodMart support forum › Elementor full width css loading problem
Elementor full width css loading problem
- This topic has 5 replies, 2 voices, and was last updated 4 years, 1 month ago by Elise Noromit.
-
AuthorPosts
-
September 16, 2020 at 3:42 pm #226781
Jean-MichelParticipantGood day. I want to redesign my pages with Elementor. But I discovered a problem. If I set a content width section to “full width” and content stuck, the browser first loads the section unstretched and then after half a second then full width. Loading the page is so very ugly and shouldn’t be. https://jamb-xxl.ch/test/
Video: https://www.awesomescreenshot.com/video/995884?key=681df73c07bd5548784bfd3b1cd5ab3fDo I still have to adjust something?
It’s not the cache, I tested that.Please help me that doesn’t look good 🙁
September 16, 2020 at 9:19 pm #226815
Elise NoromitMemberHello,
Elementor uploads the styles in this way and our theme does not influence that. You can check this on any default theme to detect if our theme causes the problem. Try to disable cache plugins and check again.
Best Regards
September 17, 2020 at 7:49 am #226920
Jean-MichelParticipantGood day. I just tested it with the Twenty Twenty theme. The problem is actually caused by your theme. With Theme Twenty Twenty, the sections are loaded normally and are displayed in full width from the start. Elementor says that their theme is probably not properly adapted for Elementor because the theme’s styles are loaded first and then Elementor loads. Do you have a suggestion to fix this? There is a conflict with styles here. See the example with the theme Twenty Twenty:
https://www.awesomescreenshot.com/video/1005661?key=5b9fee681338ff8076b170a762d6144aI have tested it on 3 different systems with the Woodmart theme installed.
September 17, 2020 at 10:21 am #226963
Elise NoromitMemberHello,
You have not enabled the Elementor in the Theme Settings: https://prnt.sc/uiu0r5
Then enable the option in the Xtemos Layout as shown https://gyazo.com/8a9bd70bb27220055cfc13bfc11b5a80
Finally, regenerate the styles in WoodMart > CSS Generator.
Best Regards
September 17, 2020 at 1:50 pm #227041
Jean-MichelParticipantOk thanks, yes this is how it works. The problem is because JS is only loaded at the end (flickers / FOUC.)
Another question: How can I use these demos for Elementor?
https://woodmart.xtemos.com/wpbakery-elements-library/Many thanks for your help:-)
September 18, 2020 at 11:56 am #227256
Elise NoromitMemberHello,
Elementor dos do not have such a template library for now.
You can enter any demo page save as a template and then use it.
If you need help, let me know.
Best Regards
-
AuthorPosts
Tagged: elementor, full width
- You must be logged in to create new topics. Login / Register