Leaderboard

Change your Custom CSS so the border is #999 instead of white so that you have a darker border on all the other pages. Then repeat the code, with the border set to white, prepending the selectors with '.homepage'. This will ensure the homepage is white instead. Let me know if you need more specific advice. Your site using using a Brine-family template btw, which includes what Squarespace refer to as the 'Custom Template' (sites made by answering questions instead of picking a design).

hi dario, I'm not 100% sure what you want to achieve - you want to disable mobile style and force desktop menu on mobile view? If that is what you're trying to do, you can change it in "Site Styles > Mobile breakpoint" and force the breakpoint to 0 - just overwrite it by highlighting it and changing it manually to 0, if you use the slide it will only go down to 240px. Let me know if that's what you meant.

I see that you have AJAX enabled on your website, try disabling AJAX on your website; this should make you anchor links work. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

Thank you both so much! Has worked a charm and I am so happy with the result!

here's the full code if you want to copy and paste - exactly what @paul2009 suggested. If you ever add a background to any other page you will have to tweak the code again. .homepage .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid #fff; padding: 10px 30px; border-radius: 300px; } .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid #999; padding: 10px 30px; border-radius: 300px; }

Add to Home > Design > Custom CSS footer#footer a { border-bottom: none !important; }

The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }

It depends upon the template you are using.. Can you share the template name and also a url to the site?

Squarespace recently updated their style setting in the Avenue Template. There is now a specific style setting within the Style Editor for resizing the logo specifically on mobile. You can locate this by heading to Design > Style Editor > Sizes & Values > Mobile Logo Size. Their guide on that style tweak is here: https://support.squarespace.com/hc/en-us/articles/214823157-Avenue-Style-Editor-tweaks#toc-sizes---values

So this code works perfectly on my site in terms of resizing the logo, but there's an issue with the menu on mobile now where the logo covers over the first and second menu items. Is there an easy way to make sure that the list of menu items doesn't start until a specific distance past the bottom of the logo?