Cant get my nav bar to move to the bottom

Cant get my nav bar to move to the bottom
0.0 0

#1

hey guys, i’m trying to move the pink bar to the bottom. i know i need bottom: and a number… i’ve tried it in each of the css classes and im not sure why its not moving.

thanks

Justin


#2

It’s enough to set it’s position as fixed at the bottom of the page:

yourClass {
 position: fixed;
 bottom: 0;
 width: 100%;  /* this will guarantee that the nav will span the whole length*/
}

#3

Marmiz,
Thank you for the reply. Follow up, does it need the fixed tag for the bottom/top…to work?

Justin


#4

Yep! you can use top - bottom - right- left only on positioned elements, so you need to be specific about it.

MDN has a pretty good explanation on CSS position

Hope it helps :+1: