Center custom filter

Solved
Highlighted
Excursionist
24 0 6

Here's my shop: https://skinner-jeans.myshopify.com/

I've had some custom CSS work done to make my filters into clickable radio buttons displayed above the collections. However, I'd like to have these centered on the page. I've tried messing with the float and position in the site code but can't seem to get it to work.

What code should I insert to center the collection of buttons on the page?

Thanks!

0 Likes
Highlighted
Explorer
119 19 28

This is an accepted solution.

Hi @DASkinner 
follow this path:
Themes => edit code => asset => style.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.collection-template-section ul.subnav {
display: flex;
    justify-content: center;
}

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Highlighted
Excursionist
24 0 6

Thank you so much! That worked perfectly and it looks great!

Is there a way to remove the space between the collection title and the radio buttons? It looks a little odd with that much space.

0 Likes