Kevin Powell - Community•7mo 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

RIZE HobberzOP•7mo ago

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

Oscar

CodePen

RLSp00ky SOngs

...

Shane•7mo ago

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

RIZE HobberzOP•7mo 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•7mo ago

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

RIZE HobberzOP•7mo 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•7mo 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

RIZE HobberzOP•7mo 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

RIZE HobberzOP•7mo ago

Shane•7mo 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