Creating a mobile-friendly website is crucial in today’s digital landscape, where the majority of users access the internet from their smartphones. In this blog post, we will be discussing how to add a button to the mobile header of your Squarespace website, between the logo and the menu icon. This technique can be useful to have a call-to-action button on the most visible area of your website or to have a different way to access your pages. We will also be discussing the considerations you should have in mind when adding a button to your mobile header, such as the button’s size, color, and text.
Appearance > Menus Enable CSS Classes option from Screen Options Add two Custom Link with CSS class “menu-cta” for Desktop CTA Button and “mobile-menu-item” for Mobile CTA Button Desktop view Mobile view