Jump to content

Navigation Issues - Pacific Template

Recommended Posts

Site URL: http://www.pentagon-orca-b5y5.squarespace.com

Two navigation issues I'm running into using the Pacific template:

1. I am using a code to hide the first listing on my navigation bar but I'm running into an issue as it now seems that when I click on the header to go to that page, it's refreshing and loading twice before allowing me to stay on the page. Any way to solve this issue?

2. I am using a code for sticky navigation for the header and it's covering up my anchor links. Any fix for this?

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

1. #mainNavigation > div.folder > div > div:nth-child(1){
 display:none;
}

 

 

2. /* make nav sticky */#header {  position: fixed;   margin-top: -45px;  z-index: 9999;  background-color: #FF9E9E;}#page {  margin-top: 145px;}
div.subnav {background-color: #FFFFFF !important;}

 

 

Thank you!

Edited by Dbaumgartner
Link to comment
On 3/23/2020 at 11:22 PM, Dbaumgartner said:

I see it fine here. Did you solve?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

One of the issues was solved (the double loading of pages), the jumping to anchor links and having it cover the title because of the sticky navigation bar isn't fixed.

The website is live now at www.nancyguppy.org

Additionally, the sticky nav covers the navigation header when it's in mobile.. do you know any fix for this?

Edited by Dbaumgartner
new information
Link to comment
On 3/30/2020 at 10:41 PM, Dbaumgartner said:

One of the issues was solved (the double loading of pages), the jumping to anchor links and having it cover the title because of the sticky navigation bar isn't fixed.

The website is live now at www.nancyguppy.org

Additionally, the sticky nav covers the navigation header when it's in mobile.. do you know any fix for this?

and having it cover the title because of the sticky navigation bar isn't fixed.

Where title? can you take screenshot?

Additionally, the sticky nav covers the navigation header when it's in mobile.. do you know any fix for this?

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
main#page {
    margin-top: 0;
}
header#header {
    margin-top: 0;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thank you for the code for mobile, that worked!

Sorry if I'm being unclear about the other issue. I'm attaching another video of what I'm talking about. On the page in the video for example, I click on the drop down "Interviews" and the page jumps me down to that section but lands me right in the middle of all the content but not to the actual title that says "Interviews" so I have to scroll back up to get there. It seems it's something with the sticky header navigation that I have is covering it but I've tried tweaking the header and no matter the numbers I change the top and bottom margins too, the issue still persists. 

Link to comment
On 4/3/2020 at 1:59 AM, Dbaumgartner said:

Thank you for the code for mobile, that worked!

Sorry if I'm being unclear about the other issue. I'm attaching another video of what I'm talking about. On the page in the video for example, I click on the drop down "Interviews" and the page jumps me down to that section but lands me right in the middle of all the content but not to the actual title that says "Interviews" so I have to scroll back up to get there. It seems it's something with the sticky header navigation that I have is covering it but I've tried tweaking the header and no matter the numbers I change the top and bottom margins too, the issue still persists. 

Screen Recording 2020-04-02 at 2.56.23 PM.mov

How did you create anchor link "#interviews"?

Also, next time you can send videos with a tool like Loom.com, it will be better, not everyone wants to download the video to watch.

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.