Jump to content

Navigation Custom CSS

Recommended Posts



I was wondering if anyone could help... I've replace my navigation with mobile navigation using custom CSS but it looks as though my social links have disappeared too, this is the CSS I used...

 /* Replace the desktop nav with the mobile nav */
 [data-nc-base="mobile-bar"] {
   display: block;
 .Header {
   display: none!important;


Also, I'd like to add my Pinterest account and to do so I must paste some coding into my website header, could anyone advice how I do that, when I add it below the custom CSS I already have it breaks the navigation bar? 


Many thanks x

Link to comment
  • Replies 3
  • Views 610
  • Created
  • Last Reply


The code above will hide the Desktop Header, and display the Mobile Header. If Mobile Header doesn't have social, it won't appear ...

Insert Pinterest code to Home > Settings > Advanced > Code Injection > HEADER

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


This topic is now archived and is closed to further replies.

  • 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.