Goood_Studio

/* Nav item hover color - underline */ .header-nav-item a:hover { color: violet; } Reference (nav hover color code for all templates 7.0 & 7.1): https://beaverhero.com/squarespace-navigation-links/

Correct. You do not need to upgrade to the business plan to add Custom CSS. 

Yes, that's spot on. CSS is always available, code injection and code blocks (though you can use markdowns) are only in Business and higher. On the old old personal plan you could use code injection and CSS but you were limited to ~20 pages. 

Use this
pre code { font-family: futura,sans-serif !important; font-size: 15px !important; } pre { line-height: 15px !important; }  

Hi. Sorry if it's too late but I use a code someone else wrote to move the button over the image and hide it:
 
/* Make list images on people clickable */ section[data-section-id="ADD YOUR OWN"] li.list-item { position: relative !important; } section[data-section-id="ADD YOUR OWN"] .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } section[data-section-id="ADD YOUR OWN"] a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; }  

We are working on it but not that easy….

Thanks but I decided to just use the header button and have it fixed and hide the logo on scroll

For anyone that is interested.. 
Here's what worked for me. Code was pasted in the  site Header:
 
<style>
  @media screen and (max-width:767px) {
  .user-items-list-item-container[data-section-id="639c679e8b229b37d4607eed"] ul {
    grid-template-columns: repeat(2,1fr) !Important; margin-left:29% !important;
}
  }
</style>
 
Thanks @nickehsmith for the missing bit

Hi
Anyone know how to show adjacent items for carousel on mobile view?
I've used Will Meyers code to show more than one item
Here's what I was thinking:

 
Thanks!