Been stuck on this for a weekend so I hope the community can help.
I’ve been reverse engineering the navigation dropdown menu from this template and there’s one final thing I can’t do.
When you open the menu it doesn’t go full screen. In the template they set it to absolute and 0% margin, which I think sticks it to the left edge. But when i do that it seems to be stuck next to its menu header, as seen in the screenshot.
Thanks! While I tried this and got the accordion function working, my issue now is that I want the content to fill the width of a container further up in the hierarchy. For example, I have 3-4 grid elements (which contain dropdowns) spanning across the horizontal axis, and I want the content from each dropdown to fill the width of the container which holds al of these elements. I’ve included my read-only link. It’s on the “About” page.
Not exactly. While it is matching in width to the “collection item” element, the goal is to have it scale to the width of the “collection list” or the “collection list wrapper” element. Best case scenario, it expands like it does now, but would be that full width and maybe something like 600px height or auto (depending what content goes in there).