How to adjust modal height?


#1

Basically I want the modal to take up 100% width of the page, whilst only showing 80% of the height. Something like this:
http://i.imgur.com/HJrxqmV.png but i’d like all the time, rather than how it dynamically hops between http://i.imgur.com/ia8qvFU.png and http://i.imgur.com/tLDTb2u.png

Thank you :slight_smile:


#2

You would adjust the top position value.

@media (min-width: 680px){
div.modal{
  top:44px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% ;
}
}

div.modal{
  top: 44px;
}

#3

Works perfectly, thank you.