Jump to content

greensparks

Member
  • Posts

    4
  • Joined

  • Last visited

greensparks's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Thanks very much, I have added the code block with the suggested code.
  2. @tuanphan Yes, that is correct. The sidebar would contain the index links which could be clicked on and move to the appropriate place on the page. It would also be good if, once an index link had been clicked, the sidebar slides back and the page scrolls to the right place.
  3. @tuanphan Thanks so much for the reply. The page with the menu is here: https://www.greensparkstech.com.au/store
  4. Site URL: https://greensparkstech.com.au I have used the following CSS code to create a sticky sidebar that links to different page sections: .markdown-block .sqs-block-content { background-color: #fafafa; box-shadow: 0 3px 20px rgba(0,0,0,0.08); min-height: 0 !important; position: fixed !important; left: 0; top: 30%; transform: translateY(-50%); z-index: 999; padding: 20px 40px !important; } Which works well. However, it doesn't look great on mobile view (block overhangs other content while scrolling), so I currently have it hidden on mobile view. What I would like to do is have a toggle button on the side that can be tapped to cause the block to slide out to use the navigation, and also make it slide back away. I'd also like it to slide away if another part of the screen is tapped while it is slid out. Does anyone know how I might do this? (tagging @tuanphan since you are a wiz at these things)
×
×
  • 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.