Brand listing not aligned when viewing the All Brands Page

Hello, Peter,

Thank you for reaching out to us.

Could you please provide a link to the page you are referring to, as well as temporary access to the admin panel, so that we can review your settings?

Warm Regards,
The 8Theme Team

Hi @Peter,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.brands-list .et-isotope-item .work-item {
    min-height: 215px;
}

Kind regards,
The 8Theme Team

Hello @Peter,

The columns are filled according to the alphabetical order of the brands, as you can see. Each letter has its own column, and since there are many brands starting with the letter “T,” that column appears longer than the others.

If you would prefer a grid layout on desktop, you can create a non-isotope grid using the following custom CSS added in your Theme Options -> Theme Custom CSS -> Global CSS:

@media only screen and (min-width: 1024px) {
    .et-isotope-item.brand-list-item {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .et-masonry-filters.et-isotope.brand-list {
        position: static !important;
        height: auto !important;
        clear: both;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .et-isotope-item.brand-list-item .work-item {
        width: 25%;
    }
    
    .brands-list {
        display: block;
        width: 100%;
        clear: both;
    }
}

Best regards,
Jack Richardson
The 8Theme’s Team