Jump to content

Accordion menu affecting other blocks

Go to solution Solved by Ziggy,

Recommended Posts

I'm using accordion menus on a few pages. When clicking on the accordion to open up a section, it stretches out the spacing between other blocks that are parallel to the accordion block. It's as if they are connected somehow. On one page, opening the accordion menu even stretches out a shape block that is to the right of it. Is there anything I can do to prevent this happening? Any code I can implement, or am I doing something wrong? Thanks for any help!

Link to comment

Can you share your website URL and a page this is happening on?

Accordion blocks stretch the hight of the rows they take up when they expand, there's not much you can do to avoid this, but if you make the accordion block larger than it needs to be, when one of the sections expands then it will first fill that space before stretching the rows. Do you have room to do that to some extent?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
18 minutes ago, Ziggy said:

Can you share your website URL and a page this is happening on?

Accordion blocks stretch the hight of the rows they take up when they expand, there's not much you can do to avoid this, but if you make the accordion block larger than it needs to be, when one of the sections expands then it will first fill that space before stretching the rows. Do you have room to do that to some extent?

Thanks so much for responding. If you go to "Joining" from the main menu, you can see what the accordion menu is doing to the other blocks. Thanks for any help you can provide. Here are my logins:

https://beige-lobster-adm6.squarespace.com/

Password: square207

Link to comment
  • Solution

Yes, like I thought, did you try my suggestion to make the accordion block taller?

1 hour ago, Ziggy said:

Accordion blocks stretch the hight of the rows they take up when they expand, there's not much you can do to avoid this, but if you make the accordion block larger than it needs to be, when one of the sections expands then it will first fill that space before stretching the rows. Do you have room to do that to some extent?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
13 hours ago, Ziggy said:

Yes, like I thought, did you try my suggestion to make the accordion block taller?

I wasn't able to yesterday, but I gave it a shot today. It wasn't possible to do this in all of the places I'd like to have done it, but it did work in some places. Thank you so much for helping me out with this. I'm happy knowing at least I won't make this mistake in my designs going forward.

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.