title: Trying to create a dropdown menu where header changes height on drop down
body: <p>I'm trying to create a header which changes height when you hover over the "Language" button</p>
  
  <p>You can view the full demo of the header <a href="http://cssdeck.com/labs/dcnh429n" rel="nofollow noreferrer">here.</a></p>
  
  <p>This is how it looks like before you click on the "Language" button:</p>
  
  <p><img src="https://i.stack.imgur.com/a1sE9.jpg" alt="Before click on language button"></p>
  
  <p>This is what I want the dropdown menu to look like when you click on the "Language" button:</p>
  
  <p><img src="https://i.stack.imgur.com/arsqA.jpg" alt="After click on language button"></p>
  
  <p>Basically the header looks exactly the same as the images as you can see in the demo, the only thing i'm having hard time with is the dropdown menu, although i've created the dropdown menu, but i'm not sure how i can make it fit like the image above. I've tried many different things, but i can't seem to find out how i can make it like the image.</p>
  
  <p>Thank you in advance.</p>