Shop Categories want in one row

Dear Support,
Shop product categories coming in 2 rows i want in one row even icons or font size below little small also no problem.
what i want i design one image v simple

Attachments:

You must be logged in to view attached files.

Hello,

I cannot login your site https://prnt.sc/rlvjyz

Your screen shows one row please clarify and provide category page URL

Best Regards

Kinldt login and tell me i need all categories icons in one line once i add 5 or 6 categories its go down.
https://divinarebh.com/projects/nyc1/shop/

categories coming in 2 rows i want to show in one row example image attached.
even catagories image plus text font size you want to make small i dont have issue

Attachments:

You must be logged in to view attached files.

Hello,

You need to make one full-width row https://gyazo.com/66d858d4d9eb87fc70368366911a5e90

Best Regards

1-Dear see same shop link after make one full-width row product coming still in two row ad icons size and font become very bigger kindly its become small also and coming in one row same attachment you get .

2-shop url mobile version coming in 3 rows mobile i want coming in 2 rows mean 3 categories icons coming in one line.

Attachments:

You must be logged in to view attached files.

Hello,

Check this element on the Storefront theme to find out if our theme causes the problem.

Best Regards

Dear Support try to understand simple in my this below shop link 4 categorizes coming .
https://divinarebh.com/projects/nyc1/shop/
but i want to show in one row 6 or 7 or 8 ategories.

attachment image see i want same please check and resolve.

Attachments:

You must be logged in to view attached files.

Hello,

This is a Woocommerce element that does not relate to our theme. The theme does not influence this functionality. This element works incorrectly. No matter what configuration you set, it shows what it shows. Please replace the element with our Information box element.

Best Regards

Dear see i find the solution i did with d bug kindly see and please tell me at least the file name where i can do changes screenshot attach as reference see i resolve just tell me file name where i have to do final changes. thanks.

Attachments:

You must be logged in to view attached files.

and see this is not only woocomerce this is i get setting from theme see this funtionality.
below link this is your theme.

and see if this is woocommerce this https://demo.xtemos.com/basel/product-category/bags/

Hello,

We do not have any instructions you use Product category Woocommerce element in WP Bakery page builder. This element does not relate to our theme. Yes, this is the bug. But this bug is not caused by our theme. Use our Product Category element instead and if you have any problems with the theme element we shall do our best to fix as we have developed the elements we know how and what to fix.

Best Regards

Dear support Shop page desktop version i resolve in mobile version can i make product categories icon small and show in one row.

attachment see i want same on mobile.
shop page : http://nycoffee.com/shop/

optional : or shop product categories as text if we can do.

Attachments:

You must be logged in to view attached files.

Hello,

You need to cut your images https://prnt.sc/roflcx

It is not possible to apply CSS to img as it would make the image blur or stretched on different devices.

Best Regards

dear sorry i did not understand what mean its not possible same i can show on mobile which i sent you screenshot?

kinldy help or provide as text filter style for mobile for product categories

Support see below link these is text filter available for products catagoies.
https://demo.xtemos.com/basel/product-category/woman/

same one i want to use for mobile version desktop same icons which i already done.

Hello,

I have lost your purpose. Please clarify what do you want to change and on which page.

Best Regards

Dear support Shop page desktop version i resolve in mobile version can i make product categories icon small and show in one row. or two row come 3 icons.
or text base categories name filter

attachment see i want same on mobile. i make two options for mobile its very clear for understanding.
shop page : http://nycoffee.com/shop/

Attachments:

You must be logged in to view attached files.

Hello,

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

@media (max-width: 768px) {
  .categories-style-default.columns-3 .col-xs-6 {
        width: 33.33333333%;
  }
    .categories-style-default.columns-3 .visible-xs-block {
      display: none !important;
  }
} 

Best Regards

thanks support now one more thing remaining
can i get all categories names in one line even font size become little small and product product little become up in desktop and in mobile version

attachment see i want same on mobile. i make two options for mobile its very clear for understanding.
shop page : http://nycoffee.com/shop/

Attachments:

You must be logged in to view attached files.

Hello,

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

@media (max-width: 375px) {
  .categories-style-default.columns-3 .col-xs-6 {
        width: 16%;
  }
    .categories-style-default.columns-3 .visible-xs-block {
      display: none !important;
  }
 .category-grid-item .hover-mask h3 {
    font-size: 8px;
}
} 

Best Regards

Dear Support in mobile version i add categories slide carouser but after click ok categories name or icon product will come but top filter categories carouser disrepair.

Attachments:

You must be logged in to view attached files.

i dont want category carouser filter disrepair

Hello,

I am checking and see one item is scrolled. You have a carousel on a mobile. Please clarify. If you mean you want a few items on mobile, such customization is not covered by our support.

Best Regards

Dear Support.

Shop Page category font size need to reduce and should me center of icon. please help in this. Really Appreciate.

Kind Regards,

Abrar

Attachments:

You must be logged in to view attached files.

Hello,

Find this style in the Theme Settings > Custom CSS:

.category-grid-item .hover-mask h3 {
    font-size: 18px;
}

Set the font size as per your needs.

Best Regards

[Author]

Posts