-
Posts
-
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.
Hey napsteris,
Sorry for the late reply. Where exactly did you add the CSS in question?
Best regards,
RikardHi,
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,
RikardHi,
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,
RikardHi,
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.
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,
RikardHi,
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
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,
RikardOf 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.
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,
RikardHi,
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
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,
RikardHi,
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 contentCheck it please.
Thanks
regards
- You must be logged in to reply to this topic.