SOLVED: SUBCATEGORY PAGES NOT ALIGNED

[jancomer]

Hello there,

I'm trying to setup some category pages in my shop but on some pages there is an issue.

Some thumbnails are emtpy and they are not nice aligned on the page.

I'll attach one good page and one page on which the issue is present.

I already searched everywhere to solve it, but I can't find it

Who can help me with that, please?

My site address is https://www.klaverhand.be
Using PS 1.7 and the classic theme

[MarlexLadag]

#subcategories ul {
    display: flex;
    flex-wrap: wrap;
}

You can just use flex for that and just adjust the items according to the width. 

[jancomer]

Thanks.

Is it in the theme.css file that I need to change this?

I currently have:

#subcategories ul li {
    float: left;
    width: 50%;
    text-align: center;
    color: black;
}
#subcategories ul li img {
    margin-bottom: 15px;
}

Jan

Edited February 22, 2020 by jancomer (see edit history)

[MarlexLadag]

just add it above that css.

[jancomer]

#subcategories ul li {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 50%;
    text-align: center;
    color: black;
}
#subcategories ul li img {
    margin-bottom: 15px;
}

unfortunately it doesn't solve the issue
still the same issue

[MarlexLadag]

3 hours ago, jancomer said:

#subcategories ul li {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 50%;
    text-align: center;
    color: black;
}
#subcategories ul li img {
    margin-bottom: 15px;
}

unfortunately it doesn't solve the issue
still the same issue

Is this the layout you want to achieve?

 

[MarlexLadag]

Sorry I did not get what you have written. <ul> tag is different from <li> tag. You have to put it in ul tag dude.

[jancomer]

Thank you so much!  It works now.

Much appreciated. The issue is solved 🙂