Jump to content

CSS for nav no longer working

Recommended Posts


My site is not live yet but I am working on the Pacific template and it was all working fine until today. However now my code to customise my nav is no longer working.

What I had done is as follows.

I moved the logo to the left. Used an index and the items in the index were the items on my nav. I then used code to hide the index content that I didnt want to show on the nav bar.

Code is:

.mobile-nav-toggle-label {
    display: none;

 nav#mainNavigation>div:nth-child(    ),
nav#mainNavigation>div:nth-child(2) {
    display: none !important;

/* Make logo -go-left- */

#header #logoWrapper, 
#header #siteTitleWrapper { 
   position: relative; 
   left: 15%; 
   -webkit-transform: translate(-50%,0); 
   -moz-transform: translate(-50%,0); 
   -ms-transform: translate(-50%,0); 
   -o-transform: translate(-50%,0); 
   transform: translate(-50%,0); 
   text-align: right !important;

What is happening now is that the items within the index are no longer showing, only the index itself and any other pages I add outside of the index. 


I tried to get around this by adding links to the pages within the index. This worked and the links showed up in the nav panel. The only issue is that there was a gap in the center where the logo was originally located.


Thank you all in advance for any help.


Link to comment
  • Replies 12
  • Views 348
  • Created
  • Last Reply

Top Posters In This Topic

Correct. I can only see welcome and book now on the nav bar. I have tried a few other things and can get all items except gallery in the nav bar which is what I want but unfortunately it has a gap in the centre where the logo originally was.


In the mean time I have set up a coming soon page but my code to hide the nav bar isn't working where it works on all of my other sites. 


I am wondering if it is just a case that it is in trial mode and I havent paid for the subscription yet?

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.