How to make the navigation menu partially transparent / Gray opacity

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.