Jump to content

Line adjustments, website not aligned, invert hamburger icon

Recommended Posts

Hi all,

I'm new to this and I've been struggling to find help online to fix some issues with my website. These issues are only happening for mobile.

There are currently a few issues going on.

1. I would like to fix/adjust this line on my mobile nav menu. (Pic 1) 

2. Somehow the pictures on my website are not centred aligned but everything else is. It looks perfectly fine on editor. (Pic 2)

3. Is it possible to invert the colour of the hamburger icon when the mobile nav menu is open. Right now its not visible when open. (Pic 3)

I would really appreciate the help if possible.



Pic 1.png

Pic 2.PNG

Pic 3.png

Link to comment
  • Replies 1
  • Views 99
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

 #1. Add to Design > Custom CSS

/* space between text - underline */
.header-menu-nav-item-content {
    line-height: 25px !important;

#2. It looks fine to me


#3. Add to Design > Custom CSS

body.header--menu-open .burger {
    filter: invert(1);


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.