MagicForestEmporium

I checked that you are using css code to hide the last name field. It means last name (required field) is always empty so your client can not submit the form.
Find this code on your custom CSS
.caption-text, .field.last-name { display: none !important; } The other points can be solved with the following CSS code
@media only screen and (max-width: 767px) { .header-menu-nav-folder:not([data-folder="root"]) .header-menu-nav-item a { font-size: 20px; } } #block-yui_3_17_2_1_1720744141475_46955 { line-height: 1; } Hope it can help

Thank you!

The code block tells the code to make the whole section clickable.

I have the same issue. Approximately 15%-20% of users signing-up to my newsletter, *NEVER* get the email. Unfortunately, so far Squarespace support keeps sending me the cliché answer of an article which I tried (check spam etc) but nothing of what's included there appliers. Still waiting for an answer...

If I cannot resolve it, then maybe this is a good reason to abandon Squarespace

replace your code with the code below. 
.products.collection-content-wrapper .grid-item .grid-item-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://static1.squarespace.com/static/61f766ee342c712a17f289f9/t/667c7304d398fe4096ce9e54/1719431940983/Flower+border.png) no-repeat center top; background-size: contain; opacity: 0; transition: opacity .3s; z-index: 2 } .products.collection-content-wrapper .grid-item:hover .grid-item-link::before { opacity: 1 }  

Worked perfectly! Thank you so much, I appreciate the help.

@MagicForestEmporium You can add this code to change the navigation text color on mobile
// Header navigation items color on mobile @media only screen and (max-width: 1024px) { .container.header-menu-nav-item * { color: #41271f !important; } }  

@MagicForestEmporium First, keep a copy of your existing code before changing anything. There are a few errors regarding the custom font. You can't use a custom font unless it has been uploaded to Squarespace. For example, this block of code:
/* Menu nav arrows */ .header-nav-item--folder .header-nav-folder-title::after { font-family: 'squarespace-ui-font'; content: "\e009"; vertical-align: middle; margin-left: 3px; }  

@MagicForestEmporium If you'd like, you can post the code here since 291 lines of code is probably manageable. Additionally, please share your site URL.