Hi!
I’m working on a project and have an element from Relume that works great on my desktop breakpoint up until 1200px where I need it to switch to the tablet styling because it begins to overlap. Ive tried to change this without having to code but have not found a solution.
The 1st picture is how it looks at 1452px
The 2nd picture is how it looks at 1024px (ipad landscape) yet still on the desktop breakpoint
-see how its overlapped
& the third is what it changes into at 991 px (tablet portrait breakpoint)
I want the component to change into the vertical accordion at 1200px rather than at 991px. Does anyone know what code could make this happen? Or have another suggestion?
here is a read only link: https://preview.webflow.com/preview/lindsays-supercool-site?utm_medium=preview_link&utm_source=designer&utm_content=lindsays-supercool-site&preview=1be6334d612da97c4575423bd9b80cd8&pageId=64c2a27337b522954c55c62a&workflow=preview
I’d appreciate any guidance 🙂 thanks!
will be recording a quick loom for you on this, as well as providing you with the CSS you'll need. Though overall, doing this will definitely be adding a layer of complexity to your project that you'll likely need to maintain - I'll walk through that in my video though.
thank you! I've been playing with it this morning and found a way around doing custom code. I changed the the text wrapper (layout351_content-wrapper) to width-auto and max-width 40rem, and then changed it’s parent (layout351_column-content) to auto and now the text wraps with the size of the screen. I couldn't get it to work originally, but I think I'm good now -thank you for your response!
