CHeader / CSidebar alignment questions #324

wz2b · 2022-10-18T16:24:06Z

wz2b
Oct 18, 2022

I'm trying to use both a sidebar and a header and am finding the header is underneath the sidebar. I'm trying to figure out two things and am having a hard time with it:

How to make the CHeader either be to the right of the sidebar or at least reserve $sidebar-width
How to take some text in the CHeader and align it all the way to the right side. I'm not trying to use the header for navigation; its purpose is to display who's logged in (all the way on the right) and maybe a title.

        <div className="sidebar sidebar-fixed">
          <AppSidebar/>
        </div>
        <div className="wrapper d-flex flex-column min-vh-100 bg-light">
          <div className="header header-stick mb-4">
                <AppHeader user="cepasp"></AppHeader>
          </div>

where AppHeader is this:

<CHeader position="sticky">
    <CContainer >
            <CHeaderText className={"right"}>
                111111111122222222223333333333444444444455555555556666666666
        </CHeaderText>
    </CContainer>
</CHeader>

and the sidebar is this:

<CSidebar
            position={"fixed"}
            unfoldable={false}
            visible={true}>
    <CSidebarBrand className="d-none d-md-flex">
        <CImage fluid className="image-fluid" src={logo}/>
    </CSidebarBrand>

    <SidebarHeader>ABCD Cloud</CSidebarHeader>
 
    <CSidebarNav>
        <CNavTitle>Sites</CNavTitle>
        <CNavItem href="#">Item 1</CNavItem>
        <CNavItem href="#">Item 2</CNavItem>
        <CNavItem href="#">Item 3</CNavItem>
    </CSidebarNav>
</CSidebar>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

CHeader / CSidebar alignment questions #324

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

CHeader / CSidebar alignment questions #324

Uh oh!

wz2b Oct 18, 2022

Replies: 0 comments

wz2b
Oct 18, 2022