Home Forums Basel – Premium Template Shop Categories want in one row

This topic contains 19 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 days, 1 hour ago.

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #181862

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #181977

    Hello,

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

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

    Best Regards

    #182017

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #182085

    Hello,

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

    Best Regards

    #182111

    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.
    #182148

    Hello,

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

    Best Regards

    #182252

    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.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #182283

    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

    #182328

    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.
    #182330

    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/

    #182338

    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

    #183005

    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.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #183009

    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

    #183020

    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

    #183060

    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.

    Private Content Hidden
    #183134

    Hello,

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

    Best Regards

    #183217

    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/

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #183347

    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

    #183894

    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/

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #183977

    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

Viewing 20 posts - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.