Jump to content

I need help with creating a navigation panel with a circular gallery

Recommended Posts

Site URL: http://nelsonformiramar.com

TL;DR: I am basically trying to build a navigation panel that includes icons that jumps directly to specific sections with the SAME PAGE.

I am trying to create gallery of circle images that link to sections within the SAME page. I have found code that allows me to create a circular photo gallery. However, this code relies on the blog format (Summary Gallery style that sources blog information.

This is a unique struggle because the anchor text CSS code of <div id=“anchor”></div> does not work because hashtags are not allowed in the URL.

How do I circumvent this issue ? What is the most logical way to develop a gallery panel with circular images (Also any recommendations on the proper px for this panel would be great because I struggle with trying to find the right px because the images that I export from Canva are so huge. When I lower the px, the quality lowers (even though I export in .PNG).

I also have the section IDs through using the Chrome-Extension. How should these be applied ?

Should I take a completely different approach ? Any recommendations ?

Disclaimer***Also, I extremely new to website development and am using Square-Space !

Help me please 🙂

 

Screen Shot 2021-01-18 at 3.15.49 AM.png

Link to comment
  • Replies 1
  • Views 267
  • Created
  • Last Reply

Archived

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.