I do love Squarespace, really. I haven’t seen a simpler backend or an easier design interface for people to use – and I’ve used a lot of different things. BUT occasionally, I’ll come across something that just isn’t intuitive to do at all. So, if you’re wondering how to make Squarespace 7.1 menu section smaller – you’re not alone!
The menu section, or “site header”, often called “navigation” is the section right at the top of your website that displays on every page. It typically contains your logo and the main page menu. Whenever I set up a brand new 7.1 site, I often feel like this section is just too tall and takes up too much real estate. And, it takes a minute to figure out where on earth you go to adjust this section’s size.
Here’s a quick video to show you where to find those settings 👇
Written Instructions for How to Make Squarespace 7.1 Menu Section Smaller
- Go to any page where the menu is displayed and click Edit. This will open up the page editing options.
- Hover over the header section and click Edit. This will open up the menu section settings.
- In the menu section settings, find the desktop computer icon in the top right of the panel. This will open up the specific section settings for the menu area on your desktop. And this is where you will find the settings to adjust the menu section height (vertical padding) and spacing.
Best of luck! Xx, Kara
Ready for more?
✨ Ready for the DIYer’s dream? Check out Website Launch Bootcamp, where a website designer (me!) and an ethical copywriter (Lauren Van Mullem) teach you brand strategy, ethical copy for coaches and website design in one nifty (and affordable!) package. ✨
*Affiliate links! I only promote services that I have used myself, regardless of whether I have an affiliate account with them, and using affiliate links when available helps me to continue to provide useful information at no cost to my viewers/readers/peeps. Thank you 🥰