Hello @rikkerdesign ,
Thanks for reaching out to us!
I have checked the checkout page and understood the issue you are having with. I have noticed that, for desktop devices, a custom width is applied for the sections which is mainly preventing the sections to display properly on the Frontend.
However, there is a workaround for this issue. The issue can easily be resolved by applying CSS code. Please copy the CSS code from below and paste it to the Appearance > Customize > Additional CSS section.
.shopengine-woocommerce-checkout-form .aux-parallax-section {
width: auto !important;
}
Let me know if that helps or if you need further assistance in this matter. I will be happy to assist you.
Best Regards,
Prosenjit
Hi Prosenjit,
Thanks for the reply. It is showing on the whole page thanks to the CSS code you provided. The columns are only in the wrong order so the left side is smaller than the template in elementor. I want the column width to be bigger on the left side like is is now but than opposite. If i change it in the template it doesn’t change anything on the page.
Hello @rikkerdesign,
I hope you are doing well.
I can understand your concern. Since the Important property is added to the CSS, if you are trying to change the width from the editor, it will not work as the Important property will override the style rule.
However, I have inspected the checkout page again and found that some markups(<i></i> Tags) are getting added to the columns that are mainly preventing the width from working correctly. As soon as I remove those markups from the columns by using the Chrome Dev Tool, they take the width defined for them and display correctly. Please check this video I have made for you so that you can understand what is actually causing the issue on your end.
Apart from that, I have tested the ShopEngine plugin with the Theme you are currently using(Phlox PRO) but haven’t found any issue so far. So the issue you are having might be happening due to conflict between the plugins on your end. You can check by running a plugin conflict test on your site to determine what is actually causing the issue.
To do so, please deactivate other plugins except for ShopEngine, WooCommerce and Elementor and check if the issue still persists. If that solves your problem, activate the plugins one by one, and continue checking the issue. In this way, you will be able to detect if there is any plugin that is mainly responsible for the issue.
I hope it will help. If you need further assistance. Feel free to let me know. I will be happy to assist you.
Best Regards,
Prosenjit
Hi Prosenjit,
How do i delete the markups for good? I have looked in the theme editor files but i can’t find out where i can find the right page to change it.
Hello @rikkerdesign ,
Hope you are doing well.
Did you have tried running the plugin conflict test on your site? I have mentioned the procedure in my last response. You will not find the markups on the Theme files if they are getting added due to conflicts. Hope you can understand.
Please let me know how the Plugin conflict test goes. If you need further assistance, will be happy to assist you.
Best Regards,
Prosenjit
