How to make CSS menu to open menu in in up direction rather than default down direction

Tags: drop-down-menu,css

Problem :

I have similar CSS base menu which by default pops down i am not sure which property to change so that menu Pops up in UP Direction. more like a drop-up Menu I have put some code of jsFiddle

I would appreciate help on this. I have looked for similar example could not find one which fits in my scenario.

UPDATE: Solution

li ul {
display: none;
position: absolute;
bottom: 18px;
left: 0;

Solution :


top: 18px;


bottom: 18px;

    CSS Howto..

    How can I wrap text around a bottom-right div?

    How to debug HTML/CSS for iPhone/iPad performance?

    How do I have a div go around another div?

    How to style this triangle on a circular image?

    How can I apply CSS only to digits in jQuery?

    How to centre a div vertically and horizontallly?

    How to arrange images at middle of vertical using css?

    How do I justify a horizontal list?

    How can I include CSS in php?

    How to get rid of the border bottom from my navigation

    How to delay the display of the background image in a div

    How can I get a div just inside an input at 0% and 100%?

    Sub menu wont show when menu item hovered over (css html)

    How to reference another selector in css

    How to get jQuery UI tabs element panels and set visibility on some of them?

    How to rotate an element and correctly position it with CSS or jQuery

    I have a video background on my bootstrap page - how can I make it “fixed”?

    How can I achieve this layout using CSS only?

    How to remove the arrows in a scroll bar through CSS

    How to make sure that two divs appear side by side? [closed]

    How to create inheritance with LESS?

    How to apply Javascript conditionally on a specific css-class only?

    How to make a CSS border for a dropdown menu?

    Simple Form button submit doesn't show in IE 8-7

    How do I conditionally apply CSS styles in AngularJS?

    Jquery - 100% width slideshow whilst keeping the height propotional

    How to apply css style when using ng-print inAngular JS

    How do you position CSS elements directly under each other?

    How to factor a color and boder-color into a single CSS style and apply it on other parts of the CSS styles

    How to fix smooth text in IE?