Adjust width?

Hi @shayno90,

There is a know issue with Elementor and Elementor PRO that I’ll be working on in the next couple of days.

With that said, the information below might help you fix it for now.

By default, the checkout page takes 100% width of the container element.

If you are using the distraction free header and footer provided by Fluid Checkout, Elementor or the theme page width should not affect it. This is the default option for that setting.

Otherwise, if you are using the header and footer from the theme (or Elementor in this case), then you might need to adjust the width of the container element.

1. Could you send a screenshot of how the checkout page looks like for you?

2. Could you confirm which option you have selected for the header and footer? Fluid Checkout’s distraction free, or the theme’s header and footer?

You might be able to use the code snippet below to remove the fc-container class that is added by the plugin:

add_filter( 'fc_add_container_class', '__return_false' );

If you are unsure about how to add the code snippet, check our article:
How to safely add code snippets to your WooCommerce website

I’ll let you know once the update with improved compatibility with Elementor and Elementor PRO is released.

Best,
Diego

Hi Diego,

Thank you so much for the detailed & helpful reply. Strangely, I was using the distraction free header that you included in the plugin and it still didn’t want to conform to the full width of the page. Not that I necessarily needed that for the design purposes but it just didn’t feel right to be forced to use a certain width.

Thanks again for the support, and for making such a cool checkout plugin!

Hi @shayno90,

Great! It seems the problem is solved for you then ??

For the record…

The distraction free header sets a maximum width for the checkout page as it would not look good and would be too difficult to use on very large screens with resolutions greater than 2000px wide.

In any case, you can always use the original theme templates ??

Best,
Diego