Problem with setting heights for content


#1

Hi guys,

nearing the completion of this project ( content needs adding )

http://www.mydubaidream.com/dubai4/

Click the hamburger.
Select news
click on a news item.

All works fine on desktop but on mobile the HTMLnews text extends below the container.

I have the following CSS

/* I need to ensure the modal form stays with the boundaries of the screen */
#formPopAnim {
    max-width: 100% !important;
    height: 95vh !important;
}
/* ensure the html content scrolls with the container */
#HTMLnews_scroller {
    height: 80vh !important
}

One more point on mobile the scrolling is very static. ie it doesn’t keep scrolling if you flick up or down.

Cheers
Steve Warby