Categories Question

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;

}

Can you share link to page in screenshot?

https://www.proseriesmeals.com/store-1/breakfast

I actually figured this part out. Now I am up against a new monster. I was adding variants and unlimited on count, but lost the quantity on actual products. So I am researching the fix on this at the moment. 

https://www.proseriesmeals.com/store-1/p/philly-cheesesteak-stuffed-peppers is a great example of this. It doesn't show the quantity

Disregard... Got it fixed....