Element Woo Cart

Hello there,

Greetings.

If you choose Style 1 from layout settings then the products’ photo align with the name. Please check this image: https://d.pr/i/QhRLER

Can you please share how you would like to have it? Please share the URL of your page as well.

Thank you.

Hi @sadmansakibnadvi,

So what we need to keep using style 2 but the photo and product name align. We cannot use style 1 because we need to keep it user friendly since style 1 (in mobile version) force user to scroll side to side to see the detail and add quantity product. Can we have some adjustment to make it possible?

Hello @edowahanasurya,

Greetings.

Well, The HTML structure of these two styles isn’t the same. Otherwise, it could be done with some CSS. But there is a trick, You can do the following:

You can take two sections and for one section you can show it to desktop users only and the other section for the tab and mobile users only. Please check the video: https://d.pr/v/j3aSC9

Hope this helps.

Thank you.

Hi @sadmansakibnadvi,

Can you please help us to show the CSS code?

Hello @edowahanasurya surya ,

Greetings.

There isn’t any CSS code. Please check the video. I have shown you how to do that. I took two sections and for one section I show it to desktop users only and the other section for the tab and mobile users only. From Elementor’s advanced tab you will find the responsive option. Please check this screenshot: https://d.pr/i/IqGEzo

Please check the video again. You will understand what I am talking about.

Thank you.

Hello there,

Greetings. Hope you are doing well.

I haven’t heard from you since then. So, I was wondering if your issue has been resolved or not.

Please let us know. I wish you a good day.

Thank you.

Hi there,

We haven’t heard back from you in a long time. So, I am assuming your issue has been resolved. I am resolving this topic.

Have a nice day!