About display catagory on mobile

Dear admin

i using elementor pro for design. but button “product categories” not displayed into 2 rows . I want it displayed 2 rows, and There are 3 categories per row such as below image

Thank you so much !

Attachments:

You must be logged in to view attached files.

Hello,

Such layout would have a good view on 768px width, however, it would be not visible.

Are you sure you want to have 4 items on mobile?

Best Regards

Dear Admin

I want it to show 6 items for mobile if possible. If not, then only need 4 items for mobile also very good.I want to increase the user experience . Help me Increase from 1 row to 2 rows

thank you so much !

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .col-6.category-grid-item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

Best Regards

Dear Admin

i have add this code to Your guide. But seem a display error has occurred

Broken text look like the image below. Admin can fix it?

I want show 3 categories on per row, and have 2 rows. Toal 6 categories.

Thank you !

Attachments:

You must be logged in to view attached files.

Hello,

I told you that this is a bad idea, I cannot do anything with it it is not fit something big into something small.

You can try 3 times in a row, or leave 2 sites in the row to have a nice view.

Best Regards

Dear Admin

Can you 3 item on a row.

Thank you !

Dear Admin

I mean sent me code to display 3 item on row with mobile interface

Thank you !

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .col-6.category-grid-item {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
}

Best Regards

Dear Admin

It doesn’t seem like the result is very good. But anyway thank you for the help

Thank you !

Hello,

there may be paddings and margins, you can change for 33% and check.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts