Vertical Accordion with No Code & No Extra Plugin - Nested Accordion - Elementor Wordpress Tutorial

Here's how to stop the shrink at the end when all Tabs are closed. Assuming that your Accordion will be 400px as height when displayed.

Order of Build = Parent Container = Accordion

Parent Container set to 540 Minimum Height and not 400px.

The 540 is based on the height of the accordion when the Accordion Rotate is deactivated.

Use a PIXEL Ruler to CMD+SHFT+5 to get the Mac Measure.

What am I doing wrong if I cannot add a container inside the accordion? ty

Thank you so much for this! I can't believe it's done with no code or CSS. You are awesome and I really appreciate all these videos!! So just one question, it looks fine on desktop and tablet but on mobile all I see is the first accordion image. I don't see the tabs to click on. In the video you show it on mobile and you stretch the screen, but don't I see how to fix it. I tried changing width of accordion and the container on mobile, but nothing changes.

which accordion are you adding? When I add my accordion, I don't have the option to add another container?

Thank u so much for sharing🙏

🎉Yes

Here's how to stop the shrink at the end when all Tabs are closed. Assuming that your Accordion will be 400px as height when displayed.

Order of Build = Parent Container = Accordion

Parent Container set to 540 Minimum Height and not 400px.

The 540 is based on the height of the accordion when the Accordion Rotate is deactivated.

Use a PIXEL Ruler to CMD+SHFT+5 to get the Mac Measure.

your vids are genius. LOVE these vids. if you had to list 15-20 services (with a "buy" button) on a service page - what Elementor "Element" would you use to minimize the page real estate each service takes up? Accordion? Tabs? or something else? Thanks WS! :)

pretty cool

I love it! Is there any way to turn the titles vertically, with the text running from top to bottom?

Thank you. Well explained 👍

This is great. Would it be worth starting with a regular orientation one, duplicate it and then do all the orientation transitions and just have it on desktop and maybe tablet while hiding on mobile. The 'regular one' would then be hidden on desktop and tablet and would only appear on mobile?

Thank you so much for these great videos. I learn so much in a very practical way ♥️

Esto está estupendo. Gracias por compartir.

i had the same idea and tried it a couple of days ago and couldnt make it work , you re a legend!! keep the great work

Great work Imran!

OMG THIS WORKED LIKE A CHARM, YOU ARE A LIFESAVER. I HAVE BEEN LOOKING FOR THIS SO LONG.

I am not sure at which point that I will use these great tips of yours BUT... they certainly open my mind and knowledge of how Elementor works and can be manipulated. Great job!