nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Lining up 2 zen foundation tabbed sections next to each other

Daniel Samuels

I am running into an unusual issue. I am designing a new layout for a page in Confluence using Zen Foundation.

I want to have two tabbed sections that sit side-by-side, but when I make the 2nd section into a tabbed section the tab is being pushed down below the other section.

For instance, in the screenshot below I have tried to make two tabbed sections next to each other, but when I make the section on the right into a tabbed section it gets pushed below the tabbed section on the left, so basically the 'City Quick Links' tab and section is being pushed too far down - I want the tabs from both the sections on the left and right to line up at the top.

Anyone know how I can do this?

Thanks,

Daniel

Accepted answers

Kelli Hoyt

Hi Daniel,

As explained in the support ticket, this is a known issue with side-by-side floated tabbed-sections, and we are tracking a possible fix for future release.

Thanks,
Kelli

All comments

Kelli Hoyt

Hi Daniel!

Please open a support ticket on this topic: brikit.atlassian.net
(you can just copy and paste the above information.)

We'll communicate there, and then I'll copy the outcome here.

Please include your current versions of Zen and Confluence.

Thanks!

-Kelli

Daniel Samuels

Thanks Kelli - I have created a supprot ticket for it in your system.

Best,

Daniel

Kelli Hoyt

Hi Daniel,

As explained in the support ticket, this is a known issue with side-by-side floated tabbed-sections, and we are tracking a possible fix for future release.

Thanks,
Kelli

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

page

addon-com.zenfoundation

layout