Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
AFG3

Reorder Categories

Question

Hi!

I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies 

Any and all help is appreciated!

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
On 11/14/2019 at 5:08 AM, AFG3 said:

Hi!

I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies 

Any and all help is appreciated!

On Desktop or Mobile?

Share this post


Link to post
  • 0
59 minutes ago, AFG3 said:

Both would be great!

Add to Home > Design > Custom CSS

/* Change order */
/* Flavor of the week */
li.ProductList-filter-list-item:nth-child(2) {
    order: 3;
}
/* Frozen */
li.ProductList-filter-list-item:nth-child(3) {
    order: 5;
}
/* Seasonal */
li.ProductList-filter-list-item:nth-child(4) {
    order: 4;
}
/* Top hit */
li.ProductList-filter-list-item:last-child {
    order: 2;
}
/* flex on desktop */
@media screen and (min-width:641px) {
ul.ProductList-filter-list {
    display: flex;
    justify-content: center;
}
}
/* Flex on mobile */
@media screen and (max-width:640px) {
.ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
}

15 minutes

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...