Codeinwp
Layout issue with Elementor Pro's checkout widget
Description:
When we use Elementor Pro's checkout widget, the columns look good in the editor but the layout is different on the frontend.
How to reproduce:
- Install Elementor and Eelementor Pro plugins.
- Create a page with Elementor
- Add Checkout widget of Elementor Pro
- Save the page and check its preview
Expected behaviour:
The checkout page has two columns, and they both should appear side by side. For reference check the screenshot with Hello Elementor Theme - https://vertis.d.pr/h503RX
Current behaviour:
The columns appear side by side in the editor, but the layout is different while previewing the actual page.
Reference:
Screenshot of editor - https://vertis.d.pr/gZvBZL Frontend view - https://vertis.d.pr/9HcCDr
Technical info
- WordPress version: 6.0.2
- Theme version: 3.3.7
- HS ticket: https://secure.helpscout.net/conversation/2006082602/336459?folderId=212385
@cristian-ungureanu The user is asking about the update on this issue. Is there any fix that we can provide him temporarily?
Sorry, @poonam279 for the late reply. I was a bit stuck with other issues. At a first look, I can't find any quick fix. I'm working on it and I will let you know if I find something.
Hey @mskapusuz, I'm not sure about this one, I've tried to prevent Neve's style from applying on the checkout page. Please have a look at this issue and at the proposed solution and let me know what you think.
I'm reverting the changes made here since they produce some regressions on the checkout page.
:tada: This issue has been resolved in version 3.4.8 :tada:
The release is available on GitHub release
Your semantic-release bot :package::rocket:
:tada: This issue has been resolved in version 3.5.2 :tada:
The release is available on GitHub release
Your semantic-release bot :package::rocket: