Full Screen/Browser Resolution Layout

[xflame 0]

Hello, How can I configure the PageLines Platform Pro Dev so that the size of the layout can be automatically adjust to cover the full screen/browser resolution layout. Kindly thanks for the help. Donny

[bryan-hadaway 3]

Not entirely sure I follow. Perhaps if I can see your site I might understand better. Thanks, Bryan

[xflame 0]

In platform when you edit the layout, you configure the pixel numbers. Can it be made using percentageor something so that the width will be auto adjusting to the browser/screen width. My site: www.akanmerit.com Thanks, Donny

[bryan-hadaway 3]

There is the full-width options inside the Design Control area. If that's not good enough for what you're thinking it'll take some custom CSS. http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ I recommend setting like a 20px margin for body and 100% width on the canvas. Thanks, Bryan

[xflame 0]

Hi Bryan, Do you have any recommended css for your recommended setting (20px margin for body and 100% width on the canvas)? Thanks, Donny

[Kate 3]

Hey Donny - Do you use Firebug? I think that will be helpful for you. For the canvas (#page-canvas), I believe you'll want to set it to "width:100%".

[xflame 0]

Hey Kate, Just want to make sure to modify the correct css class. Currently using google chrome inspect element (similar to firebug). Thanks, Donny

[xflame 0]

By the way, when I directly change the css on the fly, I can use the css: #page-canvas { width: 98%; } But the problem is when I put this on the platformbase base.css the one applied is the original platform css (width: 980px) & also if I applied the css the only thing that is adjusting to 98% is the canvas page but not the contents inside. How is the best way to make all the contents also adjusting to the browser width? Thanks, Donny

[Andrew 207]

Hey Donny, I think you're talking about responsive web design here. This is actually something pretty hard to implement, which is why you only see it on a few sites. It requires an entire CSS framework based around it. The good news is we eventually want to add this to PlatformPro, and if you are *good* at CSS you can probably get it done yourself. Here is a resource: http://www.alistapart.com/articles/responsive-web-design/