egaoneko egaoneko - 3 months ago 11
CSS Question

How to stick to bottom on layout by using CSS?

I made my site layout, like under plunker.

plunker

.bottom_block {
position: absolute;
width: 100%;
display: block;
bottom: 0;
}


It's left sidebar has bottom block like above code, but it doesn't work.
It doesn't stick to bottom.
How can I stick to bottom?

Answer

Find this line

  <div class="bottom_block left-sidebar-down">

then change it to

  <div class="bottom_block">

and go to your style.css and find bottom_block class and change it to

.bottom_block {
  position: fixed;
  bottom: 0;
  height: 600px;
  width: 300px;
  background-color: #996666;
}

that should work for you.

Comments