tuanphan

Try this code to bottom of CSS box
@media screen and (max-width:767px) { section[data-section-id="65ad68f5809d524e0ab92bfc"] .gallery-slideshow .gallery-caption-content { font-size: 14px !important; } }  

This substack form causes problem

You can add this code to Website Tools (under Not Linked) > Custom CSS to fix problem
@media screen and (max-width:767px) { iframe[src*="substack"] { width: 100% !important; } }  

You try edit Site Footer > Add a block > Choose Markdown > Then paste the code
or try disable Ajax Loading in Design

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS
body:not(.homepage) .sqs-gallery-design-autocolumns { height: auto !important; } body:not(.homepage) .slide { width: 100% !important; height: auto !important; position: static !important; }  

I created a quick demo for you here, Even Page + Universal Filter Plugin
https://tuanphan.squarespace.com/events-filter?noredirect
pass: abc
I only create Basic Filters, if you need something more complicated you can describe it detail, I will adjust.

Try Blank Section instead

and choose this option

Have you tried finding in Site Style yet?
You can also add this code to Home > Design > Custom CSS
h1.blog-title a { font-size: 20px; font-weight: 900 !important; }  

Add to Design > Custom CSS
/* resize about images mobile */ @media screen and (max-width:767px) { div#block-caaad2e9bd745ab16595 { width: 90%; } div#block-25664f826350d9cbce90 { width: 80%; } }  

/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; }  

Add to Home > Design > Custom CSS
.product-quantity-input { display: none !important; } .sqs-add-to-cart-button-wrapper { display: none !important; } .ProductItem-product-price { display: none !important; }  

Add to Home > Design > Custom CSS
.header-nav *, nav.header-menu-nav-list * { font-family: yourfont; }  

First, change your layout to mobile

Next, click on Burger icon >> A box will appear, you can edit burger icon here

Use this new CSS code
body.collection-6593311d656a4b26729f90ca.view-item { .summary-item .summary-content { opacity: 0 !important; } .summary-item:hover .summary-content { opacity: 1 !important; }}  

Try adding this to Website > Website Tools (under Not Linked) > Custom CSS
div#block-yui_3_17_2_1_1706539100529_8486 .sqs-image-content { height: 100px !important; }  

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS
@media screen and (max-width:767px) { div#block-8dcab36ee7cc05a85bba+.row .span-3 { max-width: 150px; margin: 0 auto; } }  

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS
section#itemPagination { display: none !important; } If it doesn't work, you can follow this guide to share url, we can check easier
 

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS
nav.main-nav ul ul { width: 100% !important; }  

Use this code instead, if it doesn't work, you can share site url, we can check easier
auth, unauth { font-weight: bold; border-bottom: 1px solid #193D6F; }  

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS
[data-section-id="65bbf3d589d59858a28b7071"] { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; z-index: 999999 !important; } [data-section-id="65bbf3d589d59858a28b7071"] .section-background { background-color: #fff !important; }  

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS
.slide a:after { position: absolute; content: ""; background: rgba(0,0,0,0.5); z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; } .slide a { position: relative; } .slide a { position: relative; opacity: 1 !important; } .slide:hover a:after { opacity: 1; }  

Try this CSS code
@media screen and (max-width:767px) { body.homepage .gallery-grid.gallery-grid--layout-grid { padding-left: 7vw !important; padding-right: 7vw !important; } }  

First, you need to add this to Website > Website Tools > Code Injection > Footer (do not add to Custom CSS)
<script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> Next, add this code to Custom CSS box
body.t-search { header#header, footer.sections {display: none !important;} }  

Access this link, it will disable all code in Edit Mode, then you check all Code Blocks
http://www.pnaiorpdx.org/config/safe

Because your header is sticky, you can consider disable it on this page by use this code to Website > Website Tools > Custom CSS
header#header { position: absolute !important; }  

You can use this CSS code
body.homepage article section:first-child { padding-top: 0px !important; }