tuanphan

Add to Design > Custom CSS
div.header-nav-item>a:hover { color: #f1f; } a.nested-category-breadcrumb-link:hover { color: #f1f; }  

10KD
https://echidna-echidna-dlzc.squarespace.com/dreams?noredirect
Add to Design > Custom CSS
/* Dreams page title on mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1687929687917_8525 h1 { font-size: 30px; } .fe-647fe7e87c65a21db2f12bc4 { grid-template-rows: repeat(6,minmax(24px, auto)) !Important; } }  

Add to Design > Custom CSS
body.header--menu-open header#header img { content: url(https://cdn.pixabay.com/photo/2023/06/10/21/23/flower-8054861_1280.jpg); visibility: visible !important; } body.header--menu-open header#header a { content: unset !important; }  

Use this new code
/* Mobile video homepage */ @media screen and (max-width:767px) { body.homepage div#player { visibility: hidden !important; opacity: 0 !important; } body.homepage .sqs-video-background .custom-fallback-image { opacity: 1 !important; display: block !important; z-index: 10 !important; } }  

Change these line
 -ms-flex-direction: row;
    flex-direction: row;
to
-ms-flex-direction: column; flex-direction: column;  

Too many items in Overlay Menu
You can consider reduce text size by adding this to Design > Custom CSS
@media screen and (max-width:767px) { .container.header-menu-nav-item * { font-size: 14px !important; } .header-menu-nav-folder[data-folder="root"] { margin-top: 100px; } }  

I guess mobile uses a different class name. Try this for mobile
a#site-title { font-family: "CoralLovers"; text-transform: uppercase; } If it doesn't work, what is site url, we can check easier

You can add this code to Design > Custom CSS. It will force burger appear from 900px to 1200px screen sizes. You can adjust these numbers
@media screen and (min-width:900px) and (max-width:1200px) { .header-burger { display: flex !important } .header--menu-open .header-menu { opacity: 1 !important; visibility: visible !important } .header-nav,.header-actions { visibility: hidden !important } }  

I don't see form on homepage. Can you check it again?

Add to Design > Custom CSS
div.form-block input.button.sqs-system-button { background-color: black !important; display: flex !important; width: 100% !important; text-align: center !important; align-items: center; justify-content: center; }  

To resize button text on mobile, use this CSS
/* Mobile button text size */ @media screen and (max-width:767px) { div#block-f2a8291c0bdfb307573a a { font-size: 14px !important; } }  

Add to Design > Custom CSS
/* Bold mobile nav active items */ div.header-menu-nav-item--active div { font-weight: bold; }  

Hi,
I see you used this code
.gallery-caption p { font-family: 'Grosa-medium' !important; } BUT you haven't declared @font-face for Grosa-medium yet. 
You can check again

Add to Design > Custom CSS
button.cart-row-remove span:before { content: "Remove"; font-size: 12px; background-color: black; color: white; padding-left: 5px !important; padding-right: 5px; } button.cart-row-remove svg { display: none; }

Sometime uploaded files won't show on live mode on Trial Plan. 

Add this to Design > Custom CSS to change icons, nav items to white on homepage before scroll
body.homepage header#header:not(.shrink) a { color: white !important; } body.homepage header#header:not(.shrink) span.current-language-name { color: white; }

Add to Design > custom CSS
/* hide nav on scroll */ header#header.shrink nav { visibility: hidden; }  

I just tested this code, it should work. Have you added it to CSS box yet?

Use this new code
/* Mobile Resize Banner */ @media screen and (max-width:767px) { [data-section-id="6491424949e8281da1136513"] img { object-position: 90% 50% !important; } }

Add to Design > Custom CSS
.header-actions.header-actions--right { width: 100% !important; } .header-display-desktop { -ms-flex-wrap: wrap; flex-wrap: wrap; }  

Remove that code
Add this to Last Line in Settings > Developer Tools > Code Injection > Footer
<script> $(document).ready(function() { $('#sqs-member-access-page-root').parents('body').addClass('ss-deny'); }); </script> <style> body.ss-deny header#header { background-color: #f1f !important; } </style>  

Try this code, if it works, we will give code for other items
https://seabass-hexahedron-tcln.squarespace.com/the-bad-directory-base/category/BAD+Business+Member
Add to Code Injection > Footer
<script> if (document.location.pathname.indexOf("/the-bad-directory-base/category/BAD+Business+Member") == 0) { document.querySelector('body').classList.add('bad-business-member') } </script> <style> .bad-business-member .archive-group-name-link[href*="BAD+Business+Member"]:before { content: ''; position: absolute; height: 2px; background: #fdc35a; top: 50%; white-space: pre; width: 100%; } </style>  

Try adding to Design > Custom CSS
a[href*="/nars"] strong:before { margin-left: -7px; }  

Add this code to Work Page Header (Do not add to Custom CSS)
<style> .burger-inner>div { background-color: black !important; } </style>  

If target desktop only, use this code
<style> .header-display-desktop img { content: url(https://static1.squarespace.com/static/5fd925449f6d8f67d97815cb/t/6043b664c343a45fe3d1e965/1615050340420/Graham-Green-white-cropped-150.png); } </style>