How can the store category be shown like this? Please share css code. @Saurabh @ShauryaSaxena @Carlos

  • Goto Admin > Settings > All Settings > Custom CSS and paste this:

    .secondary-slider-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    grid-gap: 1em;
}

    To get the best results, you will need to create Store Category Slider images that have the Label/Name you want to display on the Image itself, and disable the "Show Store Category Slider Label" from Admin > Promotions > Store Category Slider

Goto Admin > Settings > All Settings > Custom CSS and paste this:

.secondary-slider-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    grid-gap: 1em;
}

To get the best results, you will need to create Store Category Slider images that have the Label/Name you want to display on the Image itself, and disable the "Show Store Category Slider Label" from Admin > Promotions > Store Category Slider

    baljit1221 depending on the number of images you have it will be automatically be distributed.

    If you add only 3-4 images, there will only be one row.
    If you have 5-6 images, there will be two rows.
    If you add 10-12 images, there will be three rows and so on...

        Saurabh
        Try this

        .secondary-slider-wrapper {
        display: grid;
        grid-template-columns: repeat(6, minmax(70px, 1fr));
        grid-gap: 2em;
        margin-bottom: 20px!important;
        justify-items: stretch;
        justify-content: start;
        }

          7 months later

          please share the css code

          Write a Reply...