CodingForums.com - View Single Post

artbum · 01-27-2013, 12:14 AM

Hi, I have this popup div which looks fine on most monitors except for widescreen because the height is too short. I've been looking into media queries but don't know much about how to implement it.

Site: http:10in30.com < on widescreen monitors the popup gets cut off somewhere around the name and email boxes.

I found this: @media screen and (device-aspect-ratio: 16/9) { … }

but don't know where to paste that. Not very good with css.

Is there a way to make the div inside of the orange border box shrink if it detects widescreen?

I'm using Wordpress, theme: Weaver 2 Pro, I can insert custom css.

01-27-2013, 12:14 AM	PM User \| #1
artbum New to the CF scene Join Date: Oct 2012 Posts: 3 Thanks: 2 Thanked 0 Times in 0 Posts	How to make div resize on 16:9 Hi, I have this popup div which looks fine on most monitors except for widescreen because the height is too short. I've been looking into media queries but don't know much about how to implement it. Site: http:10in30.com < on widescreen monitors the popup gets cut off somewhere around the name and email boxes. I found this: @media screen and (device-aspect-ratio: 16/9) { … } but don't know where to paste that. Not very good with css. Is there a way to make the div inside of the orange border box shrink if it detects widescreen? I'm using Wordpress, theme: Weaver 2 Pro, I can insert custom css.