Hey guys,
I'm currently working on a Jira customization using Atlaskit components and I've run into a tricky issue. The Atlaskit Left Sidebar
is overlapping the Jira navigation bar, which isn't ideal. The sidebar seems to disregard the navigation bar's space and overlays on top of it, making some navigation links and controls inaccessible.
Does anyone have experience with this kind of issue or any suggestions on how I might resolve it? I’d really appreciate any tips or insights you could share!
My code:
import SideMenu from "./SideMenu.tsx";
import {Content, LeftSidebar, Main, PageLayout} from '@atlaskit/page-layout'
export default function GlobalPage() {
return (
<PageLayout>
<LeftSidebar
testId="left-sidebar"
id="left-sidebar"
skipLinkTitle="Left sidebar"
>
<SideMenu/>
</LeftSidebar>
<Content>
<Main>
<h1>Hello from Main</h1>
</Main>
</Content>
</PageLayout>
)
}
I forget to mention, that Main section is overlapped by left side bar, I don't know actually how to solve it.
@AppsDelivered can you try modifying the z-index and see if it fixes your issue?
@Richard Cho - ServiceRocket Thank you for answer. I have tried already, it will just overlap the jira nav bar, and we won't see Dashboards and Jira logo.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Discover the teamwork and precision behind success on and off the track. See how this high-performing team makes the impossible possible. Be one of the first 100 customers to register for a chance to win 2 tickets to an Atlassian Williams 2026 race.
Register now
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.