Jump to content

Subcategories structure and sorting


Recommended Posts

Hi guys,

 

I changed my subcategories view to grid view. No buttons or text, just 4 images standing next to each other. But now I often have that when I have a grid of say 12 subcats that it doesn't display 3 rows of 4 subcats. But rather like: ( 4 - 4 - 3 - 1 ). Sometimes one shows up at the right side, and leaving a blank space on the rest of the line.

 

I've tried a few times to mix the sorting of the subcats and often switching one with another resolves the issue, but lately it has increased. And I would like to freely choose the order of my subcategories.

I think it's somehow a problem with the sorting. It seems like 1 subcat can stick somewhere, even if I change its position it doesn't move. When I check with Firebug everything is normal.

 

Any help is appreciated.

 

LG.jpg

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 months later...

Hi,

Your categories are displayed as items in a list (<li class="subcat">)

these elemanty are floating left:

 

.subcat {
   float: left;
margin: 0 6px 20px;
text-align: center;
}

 

 

different categories have names of different lengths, which affects their height

add the specified height of list element, for example:

 

.subcat {
   float: left;
   height: 160px;
margin: 0 6px 20px;
text-align: center;
}

Edited by Marcin W. (see edit history)
Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...