Elementor does not save when WPML is active and we use the Full Width templae

This thread is resolved. Here is a description of the problem and solution.

Problem:
If you're experiencing issues with saving pages using the Elementor Full Width template when WPML is active, such as receiving an 'Access Denied' error, missing background images, or CSS styling issues, we have identified a solution.
Solution:
We recommend adding custom CSS to your site to address these issues. This CSS ensures that Elementor-rendered pages are displayed correctly with WPML. Here is the CSS you should add:

/* Only affect Elementor-rendered pages */<br />body.elementor-page .site .wp-block-group,<br />body.elementor-page .site .post-inner,<br />body.elementor-page .site .entry-content > * {<br />  max-width: none !important;<br />}<br /><br />/* Make Elementor full-width sections/containers truly edge-to-edge */<br />body.elementor-page .elementor-section.elementor-section-full_width > .elementor-container,<br />body.elementor-page .e-con.e-con-full {<br />  width: 100vw !important;<br />  max-width: 100vw !important;<br />}<br /><br />/* Center the 100vw sections and allow bleed */<br />body.elementor-page .elementor-section.elementor-section-full_width {<br />  margin-left: calc(50% - 50vw) !important;<br />  margin-right: calc(50% - 50vw) !important;<br />  overflow: visible !important;<br />}<br /><br />/* Prevent an ancestor from clipping the bleed */<br />body.elementor-page #page,<br />body.elementor-page .site {<br />  overflow-x: visible;<br />}

If this solution does not resolve your issue or seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Exception

This topic contains 13 replies, has 0 voices.

Last updated by stratosA 1 week, 2 days ago.

Assisted by: Lauren.

Author	Posts
October 1, 2025 at 6:21 pm #17449920
stratosA	Background of the issue: I am trying to ensure that our eShop at presettools.com works properly when using the Elementor plugin. Specifically, I want to save pages using the Elementor Full Width template without encountering issues. Here are two screen recordings that show the problem: Video Part 1: hidden link, Video Part 2: hidden link. The issue can be seen on this page: hidden link. Symptoms: When WPML is active, Elementor does not save pages with the Full Width template, showing an 'Access Denied' error. The background image of the row does not appear, and if it works by chance, photos do not display due to a 'strict origin when cross origin' error. Deactivating WPML resolves the issue temporarily, but reactivating it causes the problem to reappear. If I deactivate WPML, edit the page, and then reactivate WPML without further editing, the page works fine for visitors. However, editing with WPML active breaks the page again, resulting in a white background and no CSS styling in the titles and text. Questions: Could you please take a look in case some change is needed in our hosting package? I can provide admin login access
October 1, 2025 at 7:26 pm #17450153
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	Please let us know when the staging site is ready for testing. I have marked the next reply as private so that you can safely share credentials. Thanks!
October 3, 2025 at 1:22 am #17453216
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	Thanks for sharing credentials to the staging site. Were you able to access any of the greek pages on the staging site? Every time I try, I get redirected to the live site Greek pages.I tried clearing the WPML cache, and wanted to check with you if you were able to view the page with the issue on the staging site before I deactivated anything.
October 6, 2025 at 8:17 am #17458650
stratosA	Everything works now. Can you please try ?
October 6, 2025 at 6:58 pm #17461808
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	thank you, the links are working as expected now, however even with WPML deactivated and the site in minimal settings, I'm not seeing the image as full width. Can you check the test site and send me a link to a page where you are able to see full width with WPML deactivated? Thanks!
October 6, 2025 at 7:20 pm #17461837
stratosA	Yes. Here it is. hidden link Just to go edit the page with elementor, click on the Gear iconat the top just likeI am showing ath the Loom videos on my first message, choose full withs and try to save. When WPML is disables it saves. When it's active it does not.
October 7, 2025 at 8:23 pm #17465323
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	It looks like there must be something blocking the full width. On the test site, I added some custom CSS which seems to resolve the issue. Can you take a look and let me know if you think it looks correct? If so, you can add this custom CSS to your live site to get the same fix: /* Only affect Elementor-rendered pages / body.elementor-page .site .wp-block-group, body.elementor-page .site .post-inner, body.elementor-page .site .entry-content > { max-width: none !important; } /* Make Elementor full-width sections/containers truly edge-to-edge / body.elementor-page .elementor-section.elementor-section-full_width > .elementor-container, body.elementor-page .e-con.e-con-full { width: 100vw !important; max-width: 100vw !important; } / Center the 100vw sections and allow bleed / body.elementor-page .elementor-section.elementor-section-full_width { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow: visible !important; } / Prevent an ancestor from clipping the bleed */ body.elementor-page #page, body.elementor-page .site { overflow-x: visible; }
October 8, 2025 at 11:50 am #17467089
stratosA	I will try it but the main problem is that I cannot SAVE the page when WPML is active not styling. Can we focus on that please?
October 8, 2025 at 11:51 am #17467091
stratosA	"Symptoms: When WPML is active, Elementor does not save pages with the Full Width template, showing an 'Access Denied' error. " From my very first message
October 8, 2025 at 12:04 pm #17467159
stratosA	The css seems to work foe the background image but it probably breaks the Page background color which is set to black at this page but it looks ike it does not work anymore hidden link You can see white areas around the bottom elemenst titles etc
October 8, 2025 at 1:25 pm #17467385
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	Are you testing in the staging site? Please note that we should be testing there and once we find the solution, then we can apply it to the live site. Do you see the full width not showing in the testing site? This is all showing full width to me: hidden link I also have recorded a video of saving both languages using Elementor and neither are showing me an access error. Since staging is set to minimal settings, it's possible something there is conflicting with WPML. I suggest you activate plugins one or a few at a time on the staging site, and see if you can reproduce the issue. Here is my loom video, please let me know if you are able to reproduce it on the staging site, which steps you are taking that are different from my video: hidden link
October 10, 2025 at 7:33 am #17473547
stratosA	Hello. The issue in the staging site seems resolved. What are the next steps ? Thank you
October 14, 2025 at 4:01 pm #17484840
stratosA	Hello? Any updates?
October 14, 2025 at 4:19 pm #17484882
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	As I mentioned above, since staging is set to minimal settings, it's possible something there is conflicting with WPML. I suggest you activate plugins one or a few at a time on the staging site, and see if you can reproduce the issue. Have you done this step to reactivate theme/plugins to see if the issue returns? if the issue does not return on the staging after reactivating plugins and the theme, then I suggest following the same steps on your live site to deactivate and reactivate the plugins/theme and perhaps there is something that gets cleared in the cache during the process that was related. If you haven't reactivated the plugins, and the issue does return, note which plugin is conflicting so that we can further test this.
October 20, 2025 at 8:29 am #17498431
stratosA	Hello. The css finally worked and we also noticed that there was a background color override so the second problem that appeared looks its not related to WPML. As for the main site we updated again everything and now the save functionality works just fine. thanks for your time and the CSS code. I will now delete the staging site. Kind Regards Stratos A.