pieperpieper

I have not been able to solve my problem yet. I SO wish there was an easy way to create a another menu menu ANYWHERE else on the page you wanted to. All I have been able to find are ones you can place just above/below the main top nav 😞

Thanks @tuanphan - it looks like I'm having better luck with the second sub menu I've made (the one with gold colored live links). It re-stacks wonderfully on mobile, but gets weird on desktop when you start to make the screen/browser window smaller. Overall - I'm trying to find a way to create my own sub menu that anchor links (this part working great already) - and looks great on desktop and mobile.

Site URL: https://alpaca-tetra-nxtp.squarespace.com/rentals HI Squarespace Land - I'm trying to build a section of text (aka - a secondary series of links) lower on my site - that will anchor tag to the different sections below. I'm running into issues between desktop and mobile with both solutions I've tried. The top first menu that you'll see as you scroll down the page just a bit, stacks all weird on mobile. The second menu stacks great on mobile, but starts to get weird on smaller desktop sizes. Anyone got any tips for how to make this look best? ** This is not a question about how to anchor tag. I have not added that code yet - but have done that before on another site and not worried about that part of things - ONCE I can get this menu layout to look and work correctly across all screen sizes. Link to website: https://alpaca-tetra-nxtp.squarespace.com/rentals Password to view site: smores THANK YOU - THANK YOU

Thanks @tuanphan - that's what I needed!! Care to educate me as to why the need to add 'div.' before 'accordion.block'? I was expecting every bit of the CSS to stay the same except for the name of 'arrow' or 'plus'...since it's basically just swapping that one alternate option that is already offered by Squarespace. My mind is broken....

anyone else have a hint on this? I've tried looking everywhere online - simply cannot find this answer anywhere 😞

Yes I was able to change the ARROW color to red - but I don't want to use the arrows. I want to use the PLUS option instead...and I can't figure out how to change that color to red. I'm sure I just need to change the '.arrow' to something else in the CSS...but I can't figure out what Squarespace calls the PLUS sign on the back-end...?

yeah that was much easier than I expected - thanks. Here's the link: https://alpaca-tetra-nxtp.squarespace.com/rentals Pass: smores If you scroll down to the first set of rentals (Cameras) - you'll see the red Arrows next the (default) black Plus signs. Appreciate your help!

Thanks - but I don't know how to make my site not private / log in when in development?

I found some great code that easily and perfectly changes the color of the arrows to expand the accordion, but I can't find the right word to swap with '.arrow' in this code snippet below to change the color of the plus sign option. I've tried '.plus' and '.cross' etc...but can't figure it out! Anyone know what Squarespace calls the plus sign on the back-end? Thank you 🙂 /* accordion arrows color */ .accordion-block .arrow { border-color: #ffff00 !important; }