Return to previous page

Product Categories need to be smaller and 3 columns

This topic has 3 replies, 3 voices, and was last updated 3 months, 4 weeks ago ago by Andrew Mitchell

  • Avatar: Wick'd
    Wick'd
    Participant
    March 10, 2025 at 20:17

    Hi, there is a weird issue that I cannot resolve, the product categories are very big on mobile view and looks odd. I would like them to be smaller on desktop view as well but its not as important. Please have a look and try resolve it. on phone view i would prefer something like 3 column

    Files is visible for topic creator and
    support staff only.
    #436811 Copied Theme version: 9.4.8
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 11, 2025 at 09:59

    Hello, Wick’d,

    Thank you for reaching out to us.

    We have changed the custom CSS code for the Categories element from

    /* Default grid for desktop - 3 items per row */
.slider-6780 .elementor-container .elementor-column {
  width: 33.33% !important; /* Three items per row */
  float: left;
  box-sizing: border-box;
}

/* For tablets - 2 items per row */
@media (max-width: 768px) {
  .slider-6780 .elementor-container .elementor-column {
    width: 50% !important; /* Two items per row */
  }
}

/* For mobile - 1 item per row */
@media (max-width: 480px) {
  .slider-6780 .elementor-container .elementor-column {
    width: 100% !important; /* One item per row */
  }
}

    to 

    @media (max-width: 480px) {
     selector .category-grid.product-category {
        width: 33.33%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    selector  .categories-mask {
        padding: 5px !important;
    }
    selector .category-grid .categories-mask h4 {
        font-size: 14px !important;
    }
}

    https://prnt.sc/mx5PJ5s1fyyP

    If you need any further assistance, please feel free to reach out.

    Warm Regards,
    The 8Theme Team

    #436869 Copied
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    March 12, 2025 at 01:54

    Dear Wick’d,

    We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

    Click here to spread the love: https://themeforest.net/downloads

    Thank you for being an integral part of our journey!

    Best Regards,
    The 8Theme Team

    #436973 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Product Categories need to be smaller and 3 columns’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Sunglasses – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.