Accordion addon question - Forum | JoomShaper
Solved SP Page Builder

Accordion addon question

Asked by Sandra97 5 months ago Last activity 5 months ago

Hi,

I have a question regarding the accordion addon.

For example on this page https://www.rolexboutique-stbarthelemy.com/contact-st-barthelemy for the opening hours.
When you open the accordion, it "moves" the surrounding content.

Is there a way to open it over the rest of content, without moving the surrounding content?

Thanks in advance for your help.

Sandra

Accepted answer

Marked as the solution
Ziaul Kabir Staff

Hi Sandra,

Thanks for reaching out to us.

Yes — this behavior is normal because the Accordion expands in document flow, so it pushes surrounding content down.

If you want the accordion to open over the content (without moving anything below it), you need to switch the dropdown panel to absolute positioning, and make sure the parent is positioned relatively.

Solution using custom CSS, Please, use this custom css in your template styles custom code -> custom css

#sppb-addon-Uyx3kM2tolXkb4YvfmV23 {
    position: relative;
    z-index: 10;
}
#sppb-ac-content-Uyx3kM2tolXkb4YvfmV23-key-0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}

Thanks

2 more replies

Sandra97 Asked this

Hi Ziaul,

Thank you very much for your help.
It works as I need now.

Best,

Sandra

Ziaul Kabir Staff

You are welcome. We greatly value your opinion and would love to hear your feedback about SP Page Builder. If you could spare a moment, it would mean a lot to us!

You can share your review here:

Joomla Extensions Directory

Trustpilot

Sandra97 Asked this

Already did on the JED ;)

Log in to reply.