Hi!
I’m currently working on my agency’s new website, and I’ve come up against a rather tricky layout problem. I need a Tabs menu to be arranged side by side, with a text element below both of them, like this:
However, I can’t seem to find a way to arrange the elements in that way, instead they are arranged like this:
Any and all help is much appreciated!
Thanks,
Clovis
Here is my site Read-Only: https://preview.webflow.com/preview/noga?utm_medium=preview_link&utm_source=designer&utm_content=noga&preview=625a51611137cb99a32eba19e67e88b0&mode=preview
(how to share your site Read-Only link)
Hi!
You can try to do the next steps:
- Tab Pane [Analytics] - change Position to “Static”; (Repeat it with all tab Panes)
- Side Tabs Content - change Position to “Static”;
- Side Tabs Menu - add bottom margin = ±200px (you can set more suitable later);
- Paragraph Tab - change Position to “Absolute” with bottom left alignment (as on image below);
- Paragraph Tab - change left margin from 200px to 0px;
- Paragraph Tab - set width = 40%;
- Paragraph Tab - set text align = left
It should work
What I have as a result:
Amazing, you just blew my mind a bit! I really need to start learning more about the different position options…
This worked perfectly, thanks so much!
1 Like