I have wide category titles. Five popular categories display on the home page of supreme theme. Due to the width of my category titles, the category titles break into two text rows in order to fit all five popular categories on a single row.
Using CSS, I increased the overall width of the five popular categories, so now all five category titles display on one text row without breaking into two text rows.
Now that the custom CSS is forcing the five popular categories to widen to accommodate my wider category titles one of the five popular categories drops to the second row and lining up below the first of the five popular categories.
I love this affect, and would like to add three more popular categories so I display two complete rows of four per row total 8 popular categories.
How do I accomplish that desirable outcome of displaying more than five popular categories so 8 popular categories display instead of just 5 popular categories?