junecz

Hi @tuanphan and others - thanks for your input on this. I'm using the following code - works well except that the links line spacing is huge and I can't figure out how to reduce it. Can you help me fix it? TIA!
site: https://czebrastudios-not-for-nothing.squarespace.com/
pw: philly
@media screen and (max-width: 5000px) { /* Display burger icon at all widths and align left */ .header .header-burger { display: flex; order: 0 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } } /* Link Alignment */ .header-menu-nav {text-align: right!important; margin-right: 5%!important;} /* Page Background color */ .header-menu-bg {background: rgba(51,28,25,.85)!important;} /* menu links style */ .header-menu-nav-item a {color: white!important; line-height: 0px!important; font-size: 20px !important; padding: 2px !important; }  

Thank you! This is working great.
I could not see any category display at all on mobile and tried just about every code snippet posted on this topic with no success. I finally realized: Category Type must be Top, not Sidebar (which I prefer). The sidebar navigation does show up when the mobile device is turned to horizontal position but that's not ideal...
I wanted to share this info for others having the same problem I had. (I might have missed it but I searched Sqsp documentation too and found no mention of this.)

Having the same issue. Seems this still isn't fixed.
Even more annoying when I have the option to do this, this or this in the text box I'm using right now...

Hello helpful people,
Can I make the page width smaller for a list section? 
Also, I'd like all the content boxes the same height regardless of the content length.
The "Benefits of..." blue boxes are the List Section that I want to adjust. (services page of the site)
https://czebra-dmc.squarespace.com/services
pw: westchester
Thanks in advance.

Add to Design > Custom CSS
/* Shop category color on hover */ li.category-item a:hover { color: red; }  

On squarespace version 7.1, when in mobile view, if you have a long list of categories, it creates a scrolling list that travels sideways and the breadcrumbs are gone on mobile.  Insert this code into your Custom CSS to make the categories center align and wrap, with no scrolling.  It also makes the breadcrumbs visible on mobile.
@media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-align: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title { text-align: center; } }  

/config/ is url for web owner. Please remove it when sharing link in the next time.
Add to Home > Design > Custom CSS
 
.sqs-add-to-cart-button-wrapper { display: none !important; }