Jump to content

Categories Question

Recommended Posts

Site URL: http://www.proseriesmeals.com

So on the desktop version, the category "breakfast" shows a little higher than the rest. I need to get that fixed. In the mobile version, they all are squished together so I would like to have them cascade down vertically in mobile only. Below is the CSS I have currently that I am using. Any help would be greatly appreciated!


/* Show category nav links */

div.nested-category-tree-wrapper {

    display: flex !important;

    float: none !important;

    min-width: 100% !important;

    max-width: 100% !important;

    margin-right: 0 !important;


section.products.collection-content-wrapper.products-list {

    flex-direction: column !important;

    display: flex;


.nested-category-tree-wrapper>ul {

    width: 100% !important;

    display: flex;

    justify-content: center;

    align-items: center;

                color: white



.nested-category-tree-wrapper>ul li {

    margin-left: 2vw;


nav.nested-category-breadcrumb {

    display: none !important;


ul.nested-category-children {

    display: none !important;






Link to comment
  • Replies 4
  • Views 327
  • Created
  • Last Reply

Top Posters In This Topic

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.