Subcategories Alignment

Store Builder Questions
1

Hi

I recently upgraded from 2.2 to 4.6 and though there are a few bumps in the road the switch was

worth it. One problem i have is on 2.2 when customers clicked on a category they would see the subs in 3 columns. Which looked clean. when i upgraded to 4.6 I thought it would be easy as i went to

settings - appearances - and made # of columns = 3.

thought i would see the sames results but instead I have subs going left to right horizontally

instead of columns . Had customer email me that it looked confusing. when you only have a few subcategories wouldnt matter much but when you had 20-30 subs it doesnt look eye appealing.

Tried to figure it out myself as looks like changing setting alone wont do it.

I managed to get some results fooling around with design-layout-categories

but havent been able to get them in the vertical columns look.

Am i looking in the right place or do i have to aler a certian file.

Any help would be appreciated.

2

What setting do you mean? Number of columns in the product list? If yes, it is related with products grid only. Unfortunately, there is no special setting to limit amount of columns for subcategories

3

Send us some screenshots may help explain

4

Want to have them in columns instead of the other that is horizontal and not aligned

Screenshot (3).png

Screenshot (2).png

5

Open Theme editor and find CSS section there and add the following code

.ty-subcategories__item {
    width: 30%;
}
@media screen and (max-width: 480px) {
    .ty-subcategories__item {
        width: 100%;
    }
}

Hope it helps

6

that was perfect.

you guys are awesome.

7

You are welcome!

8

We are glad to help you!

9

Hi everybody, could you please tell me how to "push" the photos to the right in order to be aligned with the table?
http://prntscr.com/jk743a

10

Hi everybody, could you please tell me how to "push" the photos to the right in order to be aligned with the table?
http://prntscr.com/jk743a

You probably have blocks enabled for the right side. If you dont need them delte them (make sure they are not needed for other categories) and then set the content for the other block from 13 to 16 or full width

https://prnt.sc/jk7ksu

11

Thank you, yes you were right. I had these blocks http://prntscr.com/jk7mr9

Now i disable them http://prntscr.com/jk7mf8
My point was to have the left "tree menu" and car aligned on the table..