Theme’s mobile view CSS breaks by the plugin

Hello

My plugin doesn’t have css for prices. These are standard styles.

Also, my plugin does not affect cart styles.

can you show (make a screenshot please) what it looks like without my plugin

Hello,

Thanks for the quick reply.
Here is a folder of 4 screenshots for reference:

1) Single product page:
screenshot 1 – with WOOCS, the price tag is visible once the variation product has been selected (even if all of the variations are the same price)
screenshot 2 – without WOOCS, the theme has hidden the variation’s product price

2) Cart page:
screenshot 3 – with WOOCS, we can see the button’s placement is a bit odd, and the table is out of the screen too
screenshot 4 – without WOOCS, the expected look of the table and buttons with the theme.

Thanks again.

Hello

may I know if there is a way we could disable the WOOCS CSS? – sure, try please next code:

add_action('wp_print_styles', function () {
    wp_deregister_style('woocommerce-currency-switcher');
}, 101);

Also see more styles to disable if necessary: https://share.stackovergo.com/image/i20220805101548.png

Also read please: https://digwp.com/2019/03/disable-script-style-added-plugins/

Hello @realmag777,

Thanks so much for the code and tips.
May I confirm these lines should be added to the function.php of the currently active child theme, right?

Thanks again.

Hello @mask666

Yes, should be added in functions.php file of the current wp theme

But looks like its doesn work always, try next code please:

add_action('wp_enqueue_scripts', function () {
    wp_dequeue_style('woocommerce-currency-switcher');
    wp_deregister_style('woocommerce-currency-switcher');

    wp_register_style('woocommerce-currency-switcher', '');
    wp_enqueue_style('woocommerce-currency-switcher');
}, 9999);

Hello @realmag777,

Appreciate for the updated code.
I tried both sets of code but they’re not working, the page looks exactly the same with or without the code.

Are there any other hints to disable/remove the WOOCS CSS action?
Thank you very much.

Hello

1) Please disable this option – https://share.stackovergo.com/image/i20220815104153.png

2) I did a test – https://c2n.me/4gofq85.png – Everything seems to be working correctly

Hello @realmag777,

Thanks for the update.
I’ve disable the “using cache plugin” option, and applied the code above to functions.php, but the cart page is still looking weird.

That issue only appears on Mobile version.

Thank you!

Hello
Please add CSS:

@media only screen and (max-width: 480px)
body .qodef-woocommerce-page table.cart td.actions .button[name=apply_coupon] {
margin-top: -4px;
}

Hello,

Thank you very much for the help.
I tried the CSS but it seems not working.

And there are two places affected by the plugin:
1) the cart form
2) the buttons
Both are under “table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents”.

Much appreciated for your help.
Thanks again!

Hello
Ok! Please add:

@media only screen and (max-width: 480px)
.qodef-woocommerce-page table.cart td.actions .button[name=apply_coupon] {
    margin-top: -4px !important;
}