brigidc.campbell

@tuanphan I added this code to one of my sites and it worked great until I upgraded to Fluid Engine. The code no longer works and when I go into my Circle Lab settings to opt-out of the Fluid Engine (in hopes to reverse this) the scrolling gradient still doesnt work. Any ideas?
 

Add to Design > Custom CSS
div.header-nav-item a:hover { background-repeat: no-repeat; background-position: center center; background-size: contain; } div.header-nav-item:nth-child(1) a:hover { background-image: url(https://cdn.pixabay.com/photo/2018/07/28/02/26/puffins-3567175__480.jpg); } div.header-nav-item:nth-child(2) a:hover { background-image: url(https://cdn.pixabay.com/photo/2022/01/18/16/49/town-6947538__340.jpg); }  

Site URL: https://www.sakustudio.com/logos
Hey all!
I am looking to make this 3-up column that is currently on the desktop view visible in mobile as well. Right now, the mobile view is switching to a 2-up view and I don't love how the gallery is laying out. Does anyone have some quick css code for this?

You mean Leviti & Potters?
Use this CSS
a.grid-item[href*="leviti"] { display: none; } a.grid-item[href*="potters"] { display: none; }  

Looks like you have the wrong class on the quantity - it's -input not -select.
<style> .sqs-add-to-cart-button-wrapper, .product-price, .product-quantity-input { display:none; visibility:hidden; } </style>
Better yet, it's easier if you just hide the wrapper that holds the button and quantity like this:
.product-add-to-cart, .product-price { visibility: none; display: none; }

This will do the trick:
https://www.sqspthemes.com/plugins/background-video-controls