Page getting cut off on wide screens

[henriettapancetta]

My pages are getting cut off on screens wider than 1200 ....
Can you help me with the CSS code needed to fix this?

thanks!

http://timeintellect.com

[AnitaC]

When you are viewing it yourself - are you looking at it in a desktop, laptop or a mobile device with a wider screen?

---

Need help with customization or troubleshooting? Reach out to me.

[henriettapancetta]

Desktop with a wider screen (it looks fine on laptops, mobile & tablets).

[AnitaC]

I just made my screen larger and it "appears" to be be cut off, but the navigational bar is at the bottom to scroll back and forth. Responsive design wasn't really developed to "increase" your site to a larger monitor, it was designed to "reduce" the size for smaller devices.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

I did a test with a larger "mobile browser" and this is what I see:

---

Need help with customization or troubleshooting? Reach out to me.

[henriettapancetta]

On my larger screen monitor there is no navigational bar at the bottom to scroll back & forth.
Does that mean there is no way to adjust this for larger monitors? Can I add a conditional statement in the CSS?

thanks!

[AnitaC]

You can add the larger device sizes in your Media Queries - yep, absolutely.

---

Need help with customization or troubleshooting? Reach out to me.

[henriettapancetta]

On my wider screen monitor this is what I see

[henriettapancetta]

https://www.dropbox.com/s/ucygnq7qlk8vlei/Screenshot%202014-01-09%2011.59.52.png

[henriettapancetta]

Ok - I will give the media queries a shot!
Thanks

[AnitaC]

You know what... make sure your Resolution is set to 100% and not 125% or something larger.

---

Need help with customization or troubleshooting? Reach out to me.

[henriettapancetta]

Is that set in the Media Queries? I don't see it and I did a search for "resolution" and I can't find it in the CSS.

[Author]

Posts