KwameAndCo

You can use
body#collection-65f30f29d85f6f55dab01008 .header-nav-item:nth-of-type( 3 ), body#collection-65f30f29d85f6f55dab01008 .header-menu-nav-item:nth-of-type( 3 ) { display: none; }  

You'll need to share the password too.
EDIT:
As much as I'd like to encourage the good practice of putting the password with help requests, looking at the line of CSS you shared, I realised what you were using.
You can watch the video below or just copy the CSS if you don't care for the logic.
 

I would simplify:
h3.portfolio-title { display: flex; gap: .5rem; } Adjust the gap as you see fit.

You'll need to share the password too.
EDIT:
As much as I'd like to encourage the good practice of putting the password with help requests, looking at the line of CSS you shared, I realised what you were using.
You can watch the video below or just copy the CSS if you don't care for the logic.
 

Here
/*Squareskills - Summay Block Hover Titles*/ //target page #collection-5cbc83a4419202c35e7506e7 { .summary-title { position: absolute; inset: 0; z-index: 999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .3s ease; //adjust timing to your liking } summary-item:hover .summary-title { opacity: 1; } } I included a transition to fade the text in/out to avoid jerkiness.
Note: To avoid this being site wide I've targeted only the page you would like.
You can alternatively target other pages via their collection ID or target specific summary blocks with their block ID.

Ah I thought you'd have a media query already.
/*Squareskills - Mobile Slideshow Caption*/ @media (min-width: YOURBREAKPOINT) { #YourSectionID { li.slide.list-item { flex-direction: column; } .slide-media-container { position: relative!important; height: auto!important; aspect-ratio: 3 / 2; //select your own Aspect Ratio here } .slide-content.list-item-card-background.list-item-rich-animation { margin: 0!important; position: relative; width: 100%!important; flex: 1; //remove if you don't want full-height captions } .list-item-content__description p { font-size: YOURSIZE; //set your font size } } } I can't see the page anymore but you can just target the text with that last selector. You might need to use !important.

Here
/*Squareskills - Summay Block Hover Titles*/ //target page #collection-5cbc83a4419202c35e7506e7 { .summary-title { position: absolute; inset: 0; z-index: 999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .3s ease; //adjust timing to your liking } summary-item:hover .summary-title { opacity: 1; } } I included a transition to fade the text in/out to avoid jerkiness.
Note: To avoid this being site wide I've targeted only the page you would like.
You can alternatively target other pages via their collection ID or target specific summary blocks with their block ID.

Potential Fix for anyone still working on this
I've just had to deal with this for a client. After having no love I've come to the following solution (video should be uploaded in a few minutes):
I think it works pretty well.
Open up the image with your inspect tool, hover over the src URL to see the height/width (e.g. 500 x 677) and use that as the aspect ratio in the below.
 
/* Kwame's Image + Accordion Zoom Fix */ #BLOCKID .fluid-image-container.sqs-image-content { aspect-ratio: IMAGEASPECTRATIOHERE !important; }  
 
Let me know how it works for you

Unfortunately I'm not sure this works for doing it by Author.

This lol.

First, you'll need to link to your website.
Second you'll need to actually be specific about which exact parts of your site (And which page, section etc) you're referring to.
If you're vague it's hard for anyone to help you.

Hi all, I've been trying for an hour to install the Squarespace local development server but seem to keep getting errors. Other npm packages install fine, just the Squarespace one has errors; installing the package either globally or locally in the template folder yields the error below.
npm install -g @squarespace/server npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142     npm WARN cleanup Failed to remove some directories [ npm WARN cleanup   [ npm WARN cleanup     'C:\\Users\\lukas\\AppData\\Roaming\\nvm\\v20.10.0\\node_modules\\@squarespace\\server', npm WARN cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\lukas\AppData\Roaming\nvm\v20.10.0\node_modules\@squarespace\server\build'] { npm WARN cleanup       errno: -4048, npm WARN cleanup       code: 'EPERM', npm WARN cleanup       syscall: 'rmdir', npm WARN cleanup       path: 'C:\\Users\\lukas\\AppData\\Roaming\\nvm\\v20.10.0\\node_modules\\@squarespace\\server\\build' npm WARN cleanup     } npm WARN cleanup   ], npm WARN cleanup   [ npm WARN cleanup     'C:\\Users\\lukas\\AppData\\Roaming\\nvm\\v20.10.0\\node_modules\\@squarespace\\server\\node_modules', npm WARN cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\lukas\AppData\Roaming\nvm\v20.10.0\node_modules\@squarespace\server\node_modules\tar-fs'] { npm WARN cleanup       errno: -4048, npm WARN cleanup       code: 'EPERM', npm WARN cleanup       syscall: 'rmdir', npm WARN cleanup       path: 'C:\\Users\\lukas\\AppData\\Roaming\\nvm\\v20.10.0\\node_modules\\@squarespace\\server\\node_modules\\tar-fs' npm WARN cleanup     } npm WARN cleanup   ] npm WARN cleanup ] npm ERR! code 1 npm ERR! path C:\Users\lukas\AppData\Roaming\nvm\v20.10.0\node_modules\@squarespace\server npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c npm run accept && node scripts/execif.js --exists=build npm run copyrunscript npm ERR! > @squarespace/server@1.8.13 accept npm ERR! > node scripts/accept.js LICENSE.txt npm ERR! npm ERR! Using this software requires accepting the Squarespace Developer Terms of Use and Oracle Binary Code License Agreement. See LICENSE.txt. npm ERR! To read the file, press Enter. : Executing: npm run copyrunscript npm ERR! spawnSync cmd.exe ENOENT     Any help would be greatly appreciated

Not a dropdown but SQSPThemes has a plugin called AccoTabs that allows you to change sections with the click of a button (tabs). 
I believe SQSMods also has sometihng similar too via their "Magic Drop" plugin which might be more what you want?
You'd just need 3 separate sections with different forms and it'd handle this.
Alternatively, I did a custom plugin for a client here that works more as a switcher. Haven't packaged it for sale yet but it's another approach.
 
But Magic Drop is probably the best choice for a dropdown.

It's pretty easy to use.
Upload the code. Copy and paste some lines and then just place some text in a specific way - if I remember.

Thank you.  Magic Drop does seem to be essentially the right solution.  I am going to engage the makers of that and determine if its within reach of my skill level
 

There is a ::before pseudo element being affected by the hover state:
.tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input):hover::before { clip-path: polygon(-2% -2%,102% -2%,102% 102%,-2% 102%); } To achieve your desired result you can just hide it and then apply your underline styling as normal
.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element::before { display: none; } You might need !important.

Chris has a plugin for this:
https://schwartz-edmisten.com/plugins/p/animated-rotating-text
Alternatively if you're comfortable copying, pasting and a bit of editing with code you could follow this:
https://codepen.io/kenwestphal/pen/xqRZYZ

The page background? The image background? You need to be specific.
I'm going to assume background.
Here's a tutorial:
 

It is simple but we need to see your site so we can give the correct code.
For example, your issue isn't padding so a guess would have led to something like:
#sectionid { padding-bottom: 0; } Or similar. Which won't do anything.
The issue is your text/line height. So you can use
#block-6e51bf5fa86fb5074371 h1 { line-height: revert; //might need an !important } Which will remove all space below the text and put it flush to the bottom of the section.

 
This is why it is essential to provide as much detail and context as possible, as well as a site link, even for things that look simple.

Thanks so much!!!! I really didn't think I'd be able to solve this one. This looks so much better. 

I'm actually working on a plugin for this.
You've spurred me on to complete it and publish it.
If you're interested in testing it and getting a free copy in exchange for a review and feedback, let me know.

It is simple but we need to see your site so we can give the correct code.
For example, your issue isn't padding so a guess would have led to something like:
#sectionid { padding-bottom: 0; } Or similar. Which won't do anything.
The issue is your text/line height. So you can use
#block-6e51bf5fa86fb5074371 h1 { line-height: revert; //might need an !important } Which will remove all space below the text and put it flush to the bottom of the section.

 
This is why it is essential to provide as much detail and context as possible, as well as a site link, even for things that look simple.

Link to the site and just share a password.
Also, at a guess, try creating a code block in each blog post (anywhere is fine, I'd probably go for the end for simplicity) and paste this into it, changing the two values for text and background.
<style> /*Squareskills - Change Blog Post Colours*/ article .entry { background: YOURBACKGROUNDCOLOR; color: YOURTEXTCOLOUR; } article .entry :is(h1,h2,h3,h4) { color: YOURHEADINGTEXTCOLOUR!important; } </style> Again, at a guess, I have a feeling headings need separate targeting but if you want uniform colours you can likely just use !important in the first bit of CSS and skip the bottom half.

Have you tried:
.sqs-block-accordion { height: auto!important; }  

Hey all,
Figured I'd share this as the launch was kinda sudden and I'm sure a few folks will be looking for this solution.
It can, of course, be easily adapted for other social links like TikTok etc.
It's a tutorial on how to add the threads icon to your Social Links Blocks and Header Actions.
In my opinion using Javascript is going to be superior, long term, than the old "Pseudo Elements" approach but both work fine.
There's a few extra bits in the video as I was making up and testing the code on the spot, so I might do an updated version in the near future but I hope this helps some of y'all.
For those who aren't interested in the explanation (As it's fairly long) you can just copy and paste the code - though I'll note that the actual code is slightly different on YouTube since it won't allow HTML. It should still work but just in case....
Here is the actual Javascript used in the video - just pop it into your footer injection (or a code block in your footer could work too).
<!---- Squareskills Threads Social Link & Custom Icons ---> <script> //define threads icon let threadsIcon = '<svg xmlns="http://www.w3.org/2000/svg" aria-label="Threads" viewBox="0 0 192 192" style="fill:currentColor"><path class="x19hqcy" d="M141.537 88.9883C140.71 88.5919 139.87 88.2104 139.019 87.8451C137.537 60.5382 122.616 44.905 97.5619 44.745C97.4484 44.7443 97.3355 44.7443 97.222 44.7443C82.2364 44.7443 69.7731 51.1409 62.102 62.7807L75.881 72.2328C81.6116 63.5383 90.6052 61.6848 97.2286 61.6848C97.3051 61.6848 97.3819 61.6848 97.4576 61.6855C105.707 61.7381 111.932 64.1366 115.961 68.814C118.893 72.2193 120.854 76.925 121.825 82.8638C114.511 81.6207 106.601 81.2385 98.145 81.7233C74.3247 83.0954 59.0111 96.9879 60.0396 116.292C60.5615 126.084 65.4397 134.508 73.775 140.011C80.8224 144.663 89.899 146.938 99.3323 146.423C111.79 145.74 121.563 140.987 128.381 132.296C133.559 125.696 136.834 117.143 138.28 106.366C144.217 109.949 148.617 114.664 151.047 120.332C155.179 129.967 155.42 145.8 142.501 158.708C131.182 170.016 117.576 174.908 97.0135 175.059C74.2042 174.89 56.9538 167.575 45.7381 153.317C35.2355 139.966 29.8077 120.682 29.6052 96C29.8077 71.3178 35.2355 52.0336 45.7381 38.6827C56.9538 24.4249 74.2039 17.11 97.0132 16.9405C119.988 17.1113 137.539 24.4614 149.184 38.788C154.894 45.8136 159.199 54.6488 162.037 64.9503L178.184 60.6422C174.744 47.9622 169.331 37.0357 161.965 27.974C147.036 9.60668 125.202 0.195148 97.0695 0H96.9569C68.8816 0.19447 47.2921 9.6418 32.7883 28.0793C19.8819 44.4864 13.2244 67.3157 13.0007 95.9325L13 96L13.0007 96.0675C13.2244 124.684 19.8819 147.514 32.7883 163.921C47.2921 182.358 68.8816 191.806 96.9569 192H97.0695C122.03 191.827 139.624 185.292 154.118 170.811C173.081 151.866 172.51 128.119 166.26 113.541C161.776 103.087 153.227 94.5962 141.537 88.9883ZM98.4405 129.507C88.0005 130.095 77.1544 125.409 76.6196 115.372C76.2232 107.93 81.9158 99.626 99.0812 98.6368C101.047 98.5234 102.976 98.468 104.871 98.468C111.106 98.468 116.939 99.0737 122.242 100.233C120.264 124.935 108.662 128.946 98.4405 129.507Z"/></svg>'; //find elements to replace document.querySelectorAll('[class*="action--social"] [href*="threads.net"], .sqs-block-socialaccountlinks-v2 [href*="threads.net"]').forEach(element => { //add a class to them element.classList.add('social-icon_threads'); //remove the old icon let oldIcon = element.querySelector('svg'); if (oldIcon) oldIcon.remove(); //insert new icon element.insertAdjacentHTML('afterbegin', threadsIcon); }); </script> <!---- End Squareskills Threads Social Link & Custom Icons --->