Hello Everyone. I am hoping I can get help to fix my interactive accordian that's in the Gallery Featuring Section. This is a CMS generated content so each vertical column is loading open so it's pushing the 4 tab design vertical when it's supposed to be a horizontal display with 4 tabs (1 open, 2,3,4 closed). This is a huge issue on desktop... the other breakpoints are ok (although all loading open, ideally 2,3,4 would load closed). How can this be fixed? live site: Gallery - LeRoy Bennett
read-only: Webflow - SDW
thanks for those links, super helpful! Do you happen to have any kind of design reference for what you want it to look like or no? No problem if not. This one will take a bit of time to unpack, if you are able to be patient, I'd be happy to provide a video that shows you exactly how to do this. No worries, we'll get it all fixed up! 🙂
this was screenshotted from a tablet but the desktop version has this same horizontal span design (just wider). OMG your help would be amazing... thank you!! i'm a newbie and this is a bit over my head to troubleshoot on my own. Sophie
oh okay, so you DO still want the accordion to be horizontal? Got it.
This video I did where I walk you through how to hook Layout 351 up to CMS might help get you in the right direction.
https://relume.notion.site/How-to-hook-up-Layout-351-to-CMS-4648c33012ee47ff82287d5ee7177028?pvs=4
I would say take a stab at it.
Also the reason your text is flipped is because of the custom CSS embed we have in there. I mention this in that video as well!
Hi Matt! Just watched now. Sooooo helpful. I may need to rewatch another 2 times in slow-mo 😅Ok i'm going to try the fix now. Thank you immensely and I will let you know how it goes.
Hi Matt. No dice. I followed your video but i don't have the option to click close on the 351 interaction choices. And my trouble is the layout works when it's static ( i left a version up top) but when it gets connected to CMS 2,3,4 gets pushed. The example layout has a 100% width and 90 VH. When I apply those to the CMS it messes with the alignments. I don't know how to have the layout all in a horizontal like the example.
