split category navigation over 2 lines

Site URL: https://www.carolinebosmans.com/stocksale

Hi,

I have a 7.0 Ishimoto product page.

I have set up category's  for selection purposes.

Can I manual force my category's to go to a second line?

In my example I would like to start 'CAP' on a second line.

Both lines should be centered.

8 hours ago, lievenb said:

Site URL: https://www.carolinebosmans.com/stocksale

Hi,

I have a 7.0 Ishimoto product page.

I have set up category's  for selection purposes.

Can I manual force my category's to go to a second line?

 

In my example I would like to start 'CAP' on a second line.

Both lines should be centered.

Try adding to Home > Design > Custom Css

#collection-61a506bcac7ec229e437fb3e .category-nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#collection-61a506bcac7ec229e437fb3e .category-nav-links > li:nth-child(-n + 11) {
  width: 6%;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing result