Flux checkout styling problem - Support | Kriesi.at

Viewing 30 posts - 1 through 30 (of 32 total)

1 2 →

Author

Posts
July 30, 2025 at 8:06 am #1487378

napsteris
Participant

Hi,

after installing Flux checkou plugin i have problem with styling.

I had exact problem in different eshop which is exact copy of this eshop in different language. You help me with this CSS:

@media only screen and (max-width: 325px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 320px;
}
}
@media only screen and (min-width: 374px) and (max-width: 380px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 375px;
}
}
@media only screen and (min-width: 424px) and (max-width: 430px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 425px;
}
}
@media only screen and (min-width: 766px) and (max-width: 770px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 768px;
}
}
@media only screen and (min-width: 888px) and (max-width: 900px) {
.woocommerce-checkout .flux-checkout.flux-checkout–modern,.woocommerce-checkout .woocommerce {
max-width: 890px;
}
}

body.woocommerce-checkout {
max-width: 100vw;
overflow-x: hidden;
}

I paste this CSS to copy of eshop and it didnt work like on first eshop. Can you please help me resolve this issue?

I tried to switch from enfold theme to Twenty Twenty Four and checkout styling was correct. Enfold version is 7.0

Sending login to both eshops in private content.

Thanks.

August 4, 2025 at 8:13 pm #1487573

Rikard
Keymaster

Hey napsteris,

Sorry for the late reply. Where exactly did you add the CSS in question?

Best regards,
Rikard

August 5, 2025 at 8:01 am #1487590

napsteris
Participant

Hi,

i paste it to general styling – quick CSS. Please log to see.

Thanks

August 5, 2025 at 1:58 pm #1487598
Rikard
Keymaster
Hi,

The only part of that CSS that I can find the Quick CSS is this:
```
body.woocommerce-checkout {
    max-width: 100vw;
    overflow-x: hidden;
}
```
Please make sure that you copy all the CSS, or try pasting it at the top so that you know where it is. You could also try a lint tool to check your CSS for errors.

Best regards,
Rikard
August 5, 2025 at 2:09 pm #1487600
napsteris
Participant
I pasted all CSS code on top – checkout still broken.

Please feel free to edit CSS, its testing subdomain.
- This reply was modified 2 months, 1 week ago by napsteris.
August 6, 2025 at 7:29 pm #1487664

Rikard
Keymaster

Hi,

Thanks for the update. I checked the site where you say that things are working as they should, but the CSS that you pasted above is not present there either. You might want to check the thread where we helped you out the first time and copy the CSS directly from there instead, or try copying all the CSS from the working site into the new one.

Best regards,
Rikard

August 7, 2025 at 9:59 am #1487685

napsteris
Participant

Hi,

of course i tried copy CSS from old thread but it just not working. Thats why i asking for help here.

I want remind you that CZ eshop is exact clone of SK eshop.

Can you resolve this problem please? Please feel free to edit CSS by yourself.

August 8, 2025 at 3:25 pm #1487742

Rikard
Keymaster

Hi,

Thanks for the update. From which thread did you copy the CSS that is working? https://kriesi.at/support/profile/napsteris/topics/

Best regards,
Rikard

August 8, 2025 at 4:56 pm #1487751

napsteris
Participant

Hi,

from this: https://kriesi.at/support/topic/flux-checkout-plugin-styling-issue/

Regards

August 11, 2025 at 12:00 pm #1487837

Rikard
Keymaster

Hi,

I’ve added new CSS for you, please review your site.

Best regards,
Rikard

August 11, 2025 at 12:44 pm #1487842

napsteris
Participant

Hi,

I dont see any changes in checkout. It must looks like sk domain: https://img.savvyify.com/image/2025-07-30-07-55-14-SSK.yy4aO

Beside this, homepage on test.stoporex.cz is broken.

Regards

August 12, 2025 at 11:09 am #1487886

Rikard
Keymaster

Hi,

Did you try checking in a private or incognito browser window? If you need furter help, then please share screenshots highlighting the changes you would like to make.

Best regards,
Rikard

August 12, 2025 at 11:21 am #1487891

napsteris
Participant

Of course, I’ve tried using an incognito window and multiple devices.

Rikard, it’s been two weeks since i started this threat. In your replies, you keep asking about things and details that are already explained right in my first post.

With your slow, once-a-day replies and repeated questions, we’re stuck in a loop – which is useless. I’ve paid for support, yet my issue hasn’t even started being resolved.

Could someone else please take over this case? Is @Ismael still on your team? Last time he was very helpful.

Thank you.

August 12, 2025 at 7:54 pm #1487921

Rikard
Keymaster

Hi,

Thanks for the update. The CSS I added for you is applying on my end, and the front page is not broken. So it’s obvious that we are seeing different results. Please screenshot what you would like to have altered so that we know what you are asking for. Also please note that we are not a customisation service, conflicting styling from third party plugins is not a theme problem.

Best regards,
Rikard

August 13, 2025 at 8:22 am #1487943

napsteris
Participant

Hi,

sending screenshots in private area.

I dont need any customisations. Once more time: After switching to twenty twenty one theme is everything ok – so clearly enfold override flux styling which you resolved on SK clone. All I need is disable this override like on SK clone of web.

Can you PLEASE read once more time my first post in this thread? Everything is detaily explained there.

Thanks

August 14, 2025 at 11:17 am #1488032

Rikard
Keymaster

Hi,

Thanks for that. Please update both Woo and the checkout plugin to the latest versions on both sites, it’s likely that you will get the same results on both sites. Then we can start looking at the problems in your screenshots.

Best regards,
Rikard

August 18, 2025 at 11:29 am #1488175
napsteris
Participant
Hi,

I switched Enfold to Storefront (WooCommerce’s official theme) to help isolate the issue, and confirmed that Enfold is adding custom styling to the checkout page.

Screencast: https://www.loom.com/share/22b9643dd75a48b8aa11c852694c5ad3?sid=0cc1a042-e9ea-4cdc-a84c-a161fd793418
Password: in private content

Check it please.

Thanks
regards
- This reply was modified 1 month, 3 weeks ago by napsteris.
August 22, 2025 at 12:01 pm #1488401

Rikard
Keymaster

Hi,

We have added some more CSS for you, please check it out.

Best regards,
Rikard

August 25, 2025 at 9:07 am #1488487

napsteris
Participant

Hi,

Thanks for your reply.
I’ve checked it using an incognito window on two different devices, and nothing has changed on my side.
Could you please send me a screenshot of what you see on your end?

Best regards,

August 26, 2025 at 1:38 pm #1488537

Rikard
Keymaster

Hi,

Sure, please see private.

Best regards,
Rikard

August 26, 2025 at 1:53 pm #1488538

napsteris
Participant

Hi,

thanks for your reply. It looks like we’re seeing the same thing, but I still can’t proceed to the next step of the checkout.

Regards

August 27, 2025 at 4:06 pm #1488617

Rikard
Keymaster

Hi,

Thanks for the update. I’m guessing that is plugin functionality? If so, then the plugin authors should be able to help you out with that.

Best regards,
Rikard

August 28, 2025 at 9:46 am #1488656

napsteris
Participant

Hi,

I’ve already written this several times over the past month that we’ve been dealing with this. It’s not a plugin issue. Here’s the response from Flux support:

“Unfortunately, the fixes would need to be implemented on Enfold’s side. As shown in my recording above, when using Storefront (WooCommerce’s official theme), the issues do not occur.

As a next step, I’d recommend reaching out to the Enfold theme developers with these details so they can provide a fix.”

One more time:

Screencast: https://www.loom.com/share/22b9643dd75a48b8aa11c852694c5ad3?sid=0cc1a042-e9ea-4cdc-a84c-a161fd793418
Password: in private content

August 28, 2025 at 12:52 pm #1488667

Rikard
Keymaster

Hi,

Thanks for the update. What fixes are you referring to exactly? I see that there are Javascript errors coming from the plugin when trying to move to the next step. See screenshot in private. Fixing problems like that is unfortunately out of scope of theme support. I could report this to our developers though, to see if they can find a solution. You could also submit a feature request here: https://github.com/KriesiMedia/Enfold-Feature-Requests/issues

Best regards,
Rikard

August 29, 2025 at 1:50 pm #1488733
napsteris
Participant
Hi,

The “JavaScript errors” you mentioned aren’t actually caused by Flux Checkout itself. The issue is that Enfold is loading its own checkout-specific scripts and CSS which override or interfere with Flux Checkout’s design and functionality.

I’ve confirmed with the plugin developers that Flux works fine with WooCommerce’s default Storefront theme. The issues only occur when Enfold is active.

Specifically, Enfold is:

– Injecting custom checkout styling that breaks the field layout and button styles in Flux Checkout.
– Loading checkout-related scripts which cause conflicts and make some buttons unclickable.

Could you please provide a way to disable Enfold’s checkout styling and scripts so that Flux Checkout can render properly? Ideally, Enfold should allow me to opt out of its custom checkout modifications so that third-party checkout plugins like Flux Checkout can function as intended.

Thank you for your help!
- This reply was modified 1 month, 1 week ago by napsteris.
September 1, 2025 at 11:20 am #1488802
Rikard
Keymaster
Hi,

You can try to deregister the Enfold scripts using this in functions.php:
```
function degister_enfold_woo_scripts() 
{
    wp_deregister_script( 'avia_woocommerce_register_assets' );
    wp_deregister_script( 'avia_woocommerce_enqueue_styles' );
}
add_action('wp_enqueue_scripts', 'degister_enfold_woo_scripts');
```
Best regards,
Rikard
September 1, 2025 at 11:59 am #1488808

napsteris
Participant

Hi,

thanks for reply, but It doesnt work …

Regards

September 3, 2025 at 7:05 pm #1488911

Rikard
Keymaster

Hi,

Thanks for update, we don’t have much else to offer you unfortunately. Since the plugin is working on one of your site, I would suggest that you try running that version.

Best regards,
Rikard

September 4, 2025 at 7:15 am #1488920

napsteris
Participant

Both e-shops on the CZ and SK domains are exact clones (I only changed the WordPress language), as I’ve already pointed out multiple times. How is it possible that the SK e-shop works perfectly fine, while the CZ one still doesn’t?

September 4, 2025 at 7:34 pm #1488949

Rikard
Keymaster

Hi,

.sk site:

Enfold: 6.0.2
Woo: 9.8.5
Flux: 2.14.0

————–

.cz site:

Enfold: 7.1.1
Woo: 10.1.0
Flux: 2.20.0.0

Best regards,
Rikard
Author

Posts

Viewing 30 posts - 1 through 30 (of 32 total)

1 2 →

You must be logged in to reply to this topic.