Ajax Products tab – Not Responsive

Hello,

When there are more than 4-5 different categories in Ajax products tab, on mobile phone it becomes unresponsive… meaning, more than three items goes on the other side of a screen and cannot be seen. Is there any way to make sure that all categories remains on the screen on mobile phones?

I send you an example of this in attachment. Try to insert 4-5 items and then check it how it looks on your mobile phones. You’ll see what I mean.

Thanks.

Hello,

The site I have access for is destroyed now. Please provide page URL where I can check the problem.

Best Regards

Ok, please check our test site in private section. Check the section in attachment on mobiles.

Attachments:

You must be logged in to view attached files.

Hello,

On mobile view the tabs are scrolled https://gyazo.com/a3895f618d734f24c1dadeeb65ef5adc

It is the way they work.

Best Regards

Is there a better way to show that on smaller screen like that one is? I mean, this is quite bad for UX.

Hello,

No, there is no way. Tabs work in this way. Tabs are destined to promote two or three products types. You can divide and show partially. 1st row will have 3 tabs, 2nd row 3 tabs just for example.

Best Regards

True, but still on desktop I want them all to be in one row. Is there a way to achieve that? On mobiles 3 tabs per row but on desktop all of them in one row.

Hello,

You can hide the current tabs on mobile and create two columns visible on mobile only which would contain 3 tabs each http://prntscr.com/m7ces7

Here are the instructions on how to set visibility on different devices.
https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

Best Regards

Ok thanks please close this thread.

[Author]

Posts