Shopping cart displays wrong on mobile

Hello @mikezza

Hope you are doing well. About your issue, I have tried the EA Woo Cart with Ocean WP theme on my end and its working properly please check here: https://d.pr/v/LIKEzg

It might be conflicting with other plugins. Can you please check for plugin conflicts by following this: You can check for Plugin conflicts by deactivating all the third-party plugins one by one except for Elementor and Essential Addons. Simply go to your WordPress Dashboard and navigate to wp-admin -> Plugins and then, deactivate other Plugins.

Hope it helps.

Let me know how it goes.

Thank you

Hi @iapial thank you for your quick reply. As you can see in this printscreen I also have the issue when I only enable WooCommerce, Elementor and your plugin.

https://ibb.co/tLVb6nv

So I am really confused what causes this, because I also removed custom CSS from Layout -> Customizer.

Hello again,

That is really strange.

Could you please share the template JSON file with us?
Please follow the steps on the video to export your Elementor template. Video: https://d.pr/v/XkkAHY
And then please share the JSON file with us.

So that we could check the issue on our end.

Thank you.

{"content":[{"id":"3f875fcb","settings":[],"elements":[{"id":"539b6659","settings":{"_column_size":100},"elements":[{"id":"660e6cc3","settings":{"title":"Winkelmandje","typography_typography":"custom","typography_font_family":"Georgia","typography_font_size":{"unit":"px","size":30,"sizes":[]},"typography_text_transform":"uppercase","__globals__":{"title_color":"globals\/colors?id=761a39d"}},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"7c41373","settings":[],"elements":[{"id":"56787ef9","settings":{"_column_size":100,"_inline_size":null},"elements":[{"id":"7c5e52b8","settings":{"table_items":[{"column_type":"remove","column_heading_title":"","_id":"8ef0684","column_item_align":"left","__globals__":{"item_remove_icon_color":"globals\/colors?id=761a39d"}},{"column_type":"thumbnail","column_heading_title":"Product","_id":"ffb2740"},{"column_heading_title":"","_id":"72688e0"},{"column_type":"price","column_heading_title":"Prijs","_id":"bdb67e6"},{"column_type":"quantity","column_heading_title":"Hoeveelheid","_id":"0bd6598"},{"column_type":"subtotal","column_heading_title":"Totaal","_id":"58cd8dd"}],"eael_woo_cart_table_components_thumbnail_title":"Product Title","eael_woo_cart_table_components_price_title":"Price","eael_woo_cart_table_components_qty_title":"Quantity","eael_woo_cart_table_components_subtotal_title":"Subtotal","eael_woo_cart_components_cart_update_button":"","eael_woo_cart_components_cart_update_button_text":"Update Cart","eael_woo_cart_components_cart_coupon":"","eael_woo_cart_components_cart_coupon_button_text":"Apply Coupon","eael_woo_cart_components_cart_coupon_placeholder":"Coupon code","eael_woo_cart_components_continue_shopping":"","eael_woo_cart_components_continue_shopping_text":"Continue Shopping","eael_woo_cart_components_cart_totals":"","eael_woo_cart_components_cart_checkout_button_text":"Afrekenen","eael_woo_cart_components_empty_cart_text":"Je winkelmandje is leeg.","eael_woo_cart_table_style_thead_typography_typography":"custom","eael_woo_cart_table_style_thead_typography_font_family":"Georgia","ea_woo_cart_table_row_box_shadow_box_shadow_type":"yes","eael_woo_cart_table_style_name_typography_typography":"custom","eael_woo_cart_table_style_name_typography_font_family":"Georgia","ea_woo_cart_btn_typo_typography":"custom","ea_woo_cart_btn_typo_font_family":"Georgia","ea_woo_cart_btn_typo_font_size":{"unit":"px","size":16,"sizes":[]},"ea_woo_cart_btn_padding":{"unit":"px","top":"15","right":"15","bottom":"15","left":"15","isLinked":true},"__globals__":{"ea_woo_cart_btn_btn_bg_color":"globals\/colors?id=761a39d"}},"elements":[],"isInner":false,"widgetType":"eael-woo-cart","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"}],"page_settings":{"eael_ext_toc_title":"Table of Contents"},"version":"0.4","title":"Shopping cart issue","type":"page"}

This is what I get when I perform that action on the shopping cart. Is this the intended JSON?

Hi @iapial do you need more info from my side?

Hello @mikezza

Sorry for the delay.

If you don’t mind could you please upload the JSON file to any cloud storage (like Google Drive, One Drive, Drop pox ) and then share the file link?

So that I could download and Import the file and try to find the cause of the issue.

Please let me know.
Thank you.

Hi @iapial

This is the link; https://drive.google.com/file/d/18FU3ZpI0HYRbUzO5a_nRzYnoJomK8DPN/view?usp=sharing

Hello @mikezza

After importing the template there was no issue on our end it seems that the issue is only happening on your site and we need further information to provide a proper solution to that issue.

Please note that sometimes the cause of the problem is unique meaning the issue is occurring only on your site, in that case, we will have to investigate your website to get the bottom of this and resolve it as soon as possible.

So to provide further information if you don’t mind could you please follow the steps from here so that we could investigate your website properly?

Hope you understand.
Again sorry for the inconvenience.
Looking forward to your reply.
Thank you

Hello again,

For future reference, The issue was theme compatibility with OceanWP theme and we have solved the issue so I am marking this topic as resolved.

Thank you.

Hi @iapial, some custom CSS is deleted (and gone I think). Not really what I call ‘solved’ I also mailed you but I hear nothing.

Hello @mikezza

We are very Sorry for the inconvenience.
The custom CSS you have used was directly affecting the cart design and for the investigating purpose it was disabled for the time being and we have emailed you multiple times during the investigation of your site and but did not receive any reply may be it got bounced for some reason. After that, we have marked resolved.

And the previous CSS code is given bellow

.yith_wccl_is_custom .select_box + .theme-select {
    display: none!important;
}

/*hoogte vakje met aantal producten*/
.woocommerce div.product.elementor .quantity .qty {
    height: 34px;
}

/*oplossing lelijke Wissen knop na toevoegen aan winkelwagen*/
.woocommerce div.product form.cart .variations .reset_variations {
    display: block;
    float: left;
    margin-top: -10px;
    font-size: 11px;
    color: #999;
    font-weight: normal;
    border: 1px solid #eee;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    visibility: hidden;
}

/*oplossing verdwijnende titels winkelwagen*/
@media (max-width: 780px) {
    .woocommerce-page #content table.cart.eael-woo-cart-table .product-thumbnail, .woocommerce-page table.cart.eael-woo-cart-table .product-thumbnail {
        display: block !important;
    }

    .eael-woo-cart .eael-woo-cart-wrapper .eael-woo-cart-table-warp table {
        width: 100% !important;
    }
}

Hope it helps.
Thank you.

I did reply to your email a few times… But thanks for the solution @iapial. I now have placed back some CSS parts that were not affecting the cart and the way it was when you ‘fixed’ it still is there now.

But I have some doubt about the way this is fixed, because I still see a scrollbar and not the complete productprice and so on. This seems to be not completely as it should be, right?

Hello again @mikezza ,

About your issue, If you don’t want a scrollable option then you could change the style of the cart. I have changed it and you could check the process from here: https://d.pr/v/7uPQn4

Hope it helps.
Please let me know how it goes.
Thank you.

Cool! Thanks.

Hi @mikezza

I am glad I was able to help, please feel free to contact our support anytime you need help, we are always here to help.

If you don’t mind me asking, could you do me a favor, and spend 30-sec to review us following this link, this will help us to serve better.

Thank you in advance!

Link to review https://wpdeveloper.com/review-essential-addons-elementor

Have a good day!