Squarespace 7.1 Mobile Menu Settings Overview - Layout, Colors, Icons & More!

[@InsideTheSquare]

⚠ IMPORTANT CSS UPDATE ⚠ When logging into Squarespace, if you see the word "Website" at the top of your menu, you are using their new internal navigation! To edit the CSS of your Squarespace website, click on the word "Website" and scroll to the bottom of the list of pages. Here you'll see "Website Tools" - click on that option and select "Custom CSS" to open the CSS panel and add your code here. For more information, watch this tutorial: kzbin.info/www/bejne/m6atonuOqMR_Z68

[@jordanh.3847]

Is there a way to show the actual page titles along the top line in mobile, or is the only available option to have the icon with the drop down menu?

[@InsideTheSquare]

Great question! I'll have to brainstorm on this one; probably possible with some clever CSS. If I am able to create a code for it, I'm sure it will make a great tutorial so stay tuned!

[@BurchStudio]

Thanks for this. Was wondering if you have any tutorial explaining how to configure the drop down menu when in mobile view, so that links in dropdown folders are on main menu page. Right now on my main menu page it says "Menu" (which is my folder) and one has to select "Menu" to get to the rest of my navigation pages in the "Menu" folder. I want these to all on the main menu page. Thanks.

[@InsideTheSquare]

This is a great question! You'll likely need some javascript to change the layout and nested functionality. I don't have a code for you, but someone in the Squarespace forum might! I'd recommend posting there; best of luck!

[@linesolmer4833]

Thanks for the video. How would you change the width of the open menu when youre in mobile version of edit?

[@InsideTheSquare]

I am not quite sure what you are trying to create but I would love to help! Feel free to submit a tutorial request with more info at insidethesquare.co/suggest-tutorial

[@stevenmaile6547]

Great video! I'm wondering how I can change the font size of the navigation links in the overlay menu. The website I am working on has HUGE font size for the navigation links when the header menu is open. How do I do this?

[@InsideTheSquare]

Hey Steven, I recommend checking out the official Squarespace support forums for that: support.squarespace.com/hc/en-us/articles/205816038-Styling-navigation

[@AngieNebinger]

My menu doesn't have the scroll bar option is there something I can do to add that so that mine doesn't just clip off and not show all the pages?

[@InsideTheSquare]

Great question! You do have a few options. Think about writing a paragraph on a post-it note; you can make it fit by reducing the size of your letters, writing in a more narrow font, or reducing the actual word count. That's what you'll need to do for your links. If you dont want to change the names, you can pick a different font, or you can reduce the font size with CSS. I am surprised I dont' have this tutorial already 😅 I'll add it to my to do list, but in the meantime, here is a code you can use. Adjust the number 12 to the size font you want to show. .header--menu-open a {font-size: 12px!important} Hope that helps and best of luck with your project!

[@AngieNebinger]

@@InsideTheSquare Thank you for the font size code.. do you know if there is an easy code to make my box able to scroll for when we add more pages to our membership area as making the font smaller and smaller probably wont be ideal lol :) Your tutorials have been super helpful.. Thank you!

[@carlosazevedo7748]

Thanks for this. Was wondering if you have any tutorial explaining how to configure the drop down menu icon when mobile view, like change the icon iteself, move it around to tweak the position, etc. Thanks.

[@InsideTheSquare]

Oooh I love this idea! I’ll definitely add this to my tutorial to-do list; stay tuned 😉

[@charleen9325]

Can we change the button to show at the top rather the bottom?

[@InsideTheSquare]

Ask and you shall receive! kzbin.info/www/bejne/hXncomagZrxno9E

[@MichaelMensch-xq1cb]

why do my links in header show up as only lines, no text when published in mobile view?

[@InsideTheSquare]

Hey Michael! It's hard to say without looking at your site, but double check the colors in for your mobile menu. They could be the same color as the mobile meu background. If that's not the issue, send a link to my inbox and I'll take a look: hello-at-insidethesquare.co

[@MichaelMensch-xq1cb]

@@InsideTheSquare Thx. I sent an inquiry from your page

[@brianaguirre3717]

Hello! I've been following your videos for a while and wanted to ask you for help with the newsletter. On your website I could see that you only need the name and email to subscribe, how did you do it? When I add the newsletter section, it generates the name, surname and email box, how do I do it to remove the last name box? 🙏🙏🙏

[@InsideTheSquare]

Hey Brian! I actually use Flodesk for my newsletter. You can also use a Squarespace form block (not newsletter block) and instead of name, use a text field and label it name. Hope that info helps!