how do I create a pill with: the text ' menu ' and the burger menu logo

I was wondering if it was possible to recreate something like this on my Squarespace website, like to have only this, not even the logo.
I think it looks cool 

@Ziggy Thank you so much, this di the job! 

5 minutes ago, NikolaNikic said:

@Ziggy Thank you so much, this di the job! 

Nice one! Can you share the website, curious to see your design!

sure thing!

nikicostruzioni.squarespace.com

the password is written on screen it should be: k 

if you have some advice I'm all ears 

Your website is good, the scrolling effects seem to have some problems, there's a lot of gittering, and scrolling back up isn't smooth either.

hi, how can i resolve the issue,

this is the code i'm using:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>

<script>
    $(function() {
        $.scrollify({
            section : "article .page-section",
            scrollSpeed: 1800 // Adjust value to make the scroll slower (1000 is the default)
        });
    });
</script>

thank you in advance, 

best regards