Jump to content

Accordion menu up

Recommended Posts

  • Replies 8
  • Views 455
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

No I don't believe it's possible to do that, what are you trying to achieve?

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

You can't do it from the settings but you could workaround the problem with some custom CSS.

.accordion-item {
   display: flex;
   flex-direction: column;
   h4 {
      order:1;
   }
}

But then some other issues arrise, like where will the divider be when you open the accordion item and should it scroll up to the descriptions top when you open one item?

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment
5 hours ago, joseph81 said:

You can't do it from the settings but you could workaround the problem with some custom CSS.

.accordion-item {
   display: flex;
   flex-direction: column;
   h4 {
      order:1;
   }
}

But then some other issues arrise, like where will the divider be when you open the accordion item and should it scroll up to the descriptions top when you open one item?

I could not get that to work but thank you so much, maybe I was adding it wrong. 

Here is a picture, I basically want the accordion items to go up and not make the website longer each time it is opened.

image.jpeg.8e438d8bccb7ae0b58221b11b1a58a92.jpeg

 

Link to comment
29 minutes ago, joseph81 said:

It did not work because you have h2 tags instead of h4. Try this code.

.accordion-item {
   display: flex;
   flex-direction: column;
   h2 {
      order:1;
   }
}

 

oh, ok yes that work but it shoves the about done now, it there any way to make it so that does not happen? or it overlaps other things?

Link to comment

.This could do the trick, you can customize even more, how to look, spacing etc.

.accordion-item__dropdown {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
}
.footer-sections {
    z-index: 12;
}

 

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

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.