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>
|