Altitude Pro theme sizing issues in wide screen

[t-west]

Hello,

I'm using the Altitude Pro them for my website. I've made theme width 100%.

The theme seems to fit the entire screen but there are two issues:

1) On a wide screen monitor (Mac desktop monitor for example), the right side doesn't reach the right edge of the screen and a big band of white is left on the right side of the monitor.

2) The website seems to lean a bit to far to the left of the screen. On the second front page widget, the 3 photos there are flush against the left side of the screen and makes it look crowded and awkward.

Thanks in advance to anyone who may have some suggestions on how to remedy these issues.

http://www.ohbangkok.com

[rfmeier]

t-west,

Just looking at the css/structure of the site, the soliloquy are has a max-width of 1600px. This could be part of the issue. It really sounds like there is a still width limitation somewhere.

For issue #2, since you set a width of 100%, there is now a need for padding --or margin-- to prevent the images from being flush with the side of the screen.

You could try this for issue #2

.front-page-2 {
	margin-left: 30px;
	margin-right: 30px;
}

You can adjust as needed, just be make sure to test that it does not screw anything up while on smaller/mobile screen sizes.

---

Ryan Meier – Twitter

[Author]

Posts