Jump to content

Mobile nav menu cut off

Recommended Posts

Site URL: https://turkey-chiton-rmpc.squarespace.com

Hi! I added a custom code to my navigation menu to fit all my menu items into 1 line. However, now my mobile menu icon is a bit cut off  (see photo attached). Could anyone please advise on how I can move the icon more to the left so that it's not cut off? 


Here's the code I have so far:

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {
line-height: 2.5 !important;
margin-left: 12px !important;
  font-family: Raleway;
  font-size: 13px !important;
  letter-spacing: .15em;
  text-transform: uppercase;
.header-nav-folder-content {
background: #fffff !important;
@media screen and (max-width: 767px) {
.header-menu-nav-item a {
font-size: 30px;
font-weight: 300;
.user-items-list-item-container .list-item-content__title {
  font-family: Raleway;
  font-size: 32px !important;
  letter-spacing: .1em;
  line-height: 1.2em;
  text-transform: uppercase;
// Header Nav Width Adjustment
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 2 0 100%;}


Thank you in advance!

Screen Shot 2022-10-12 at 5.00.24 PM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.