Jump to content

Mulitple Floating Navigation Buttons on one page linked to Anchors on the same page.

Recommended Posts

Site URL: https://www.nashconsulting.com/workshops

Is it possible to have multiple buttons (used to navigate to anchors on the same page) floating as one scrolls down the page. The page I am working on is https://www.nashconsulting.com/workshops - would like to buttons on the right to float along as website visitor reads down the page. I realize I may need to change the position of the buttons or the format of the page as the buttons might obscure the text under them?

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

Top Posters In This Topic

Top Posters In This Topic

Try adding to Design > Custom CSS

@media screen and (min-width:768px) {
div#page-section-5fda6b5f5b8cfc4a32c78750 .span-11 .span-4 {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 99999;
}
div#page-section-5fda6b5f5b8cfc4a32c78750 .span-11 .span-4 .button-block a {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}
div#page-section-5fda6b5f5b8cfc4a32c78750 .span-11 .span-4 .button-block {
    padding-right: 0 !important;
}
}

 

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

I'm very new to Square Space and CSS, so my apologies for stupid questions.

First when I put in the CSS I did get a "Syntax Error in Line 1" . 

Also I'm afraid I might have overwritten other code that I had there. Fortunately I had created a duplicate page. Does the code you're giving me relate to just the page that I'm working on or the whole site? Am I adding code below what ever code that is already there? I didn't do that and am hoping I just affected my duplicate page. 

Link to comment
18 hours ago, KipB said:

I'm very new to Square Space and CSS, so my apologies for stupid questions.

First when I put in the CSS I did get a "Syntax Error in Line 1" . 

Also I'm afraid I might have overwritten other code that I had there. Fortunately I had created a duplicate page. Does the code you're giving me relate to just the page that I'm working on or the whole site? Am I adding code below what ever code that is already there? I didn't do that and am hoping I just affected my duplicate page. 

Can you take a screenshot of Line 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.