Kevin Powell - Community•9mo ago

How to add stuff off of my sidebar

I want to add stuff on the right side of my website but it isnt showing up

11 Replies

OfficialHobberzOP•9mo ago

https://codepen.io/Hobberz/pen/XWQQrXw

Oscar

CodePen

RLSp00ky SOngs

...

Shane•9mo ago

your "side nav" is position fixed causing it to obscure anything on the left of the page

OfficialHobberzOP•9mo ago

Yeah I know I want the left to start at the right of the side nav But when i try adding stuff it goes on the bottom left of the page and adds a white bar bellow the grey And the h1 gets hidden by the side nav Do i need to add a div And give it a margin-left of 250 px?

Shane•9mo ago

try starting with a simpler codepen, where it is just two boxes you could use flex or grid here

OfficialHobberzOP•9mo ago

I dont understand what you mean Yeah i suck at flex And never tried grid I made most of the side nav with flex I wouldve thought a margin left would work?

Shane•9mo ago

html,body{
  margin:0;
  height: 100%;
}
.page-container{
  background: blue;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.box1{
  background:red;
  width: 100%;
  max-width: 250px;
}
.box2{
  background: purple;
  width: 100%;
}

html,body{
  margin:0;
  height: 100%;
}
.page-container{
  background: blue;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.box1{
  background:red;
  width: 100%;
  max-width: 250px;
}
.box2{
  background: purple;
  width: 100%;
}

This is a simple demo with flex

OfficialHobberzOP•9mo ago

Im trying to understand And it isnt working is there an easier way to doing this its really confusing me i think ive done it i have a div called main and in the css i gave it padding of 250 px then in that div ive got a content div with text align cenete center

OfficialHobberzOP•9mo ago

Shane•9mo ago

try starting with a clean slate and making the whole page a flexbox, where the sidebar is a flex item and the page content a flex item, like I showed you in my screenshots the way you are doing it is not at all responsive and pretty jank tbh

Gaming

Programming

How to add stuff off of my sidebar

Did you find this page helpful?