A few of you have asked that we demonstrate how easy it is to create a responsive layout in the most simplest terms. Well with that in mind, here we will show you how to build your layout in 9 simple steps.

http://www.coffeecup.com/help/articles/1280

It is still very important though to read through the Quick Start Guide fully so that you have a good grasp on the concept and terminology. This will make following along much easier.

Enjoy!

Thanks Scott!

Thanks very much Scott, and thanks for the email. Cooking a meal for guests now, but when things quieten down I'll have a good look. Thanks again for listening.

This was a great tutorial, Scott.. Really the first one I found that was very complete and detailed in all the steps, perfect for a novice using the tool.. Thank you for posting it.. Great foundation to build better sites using RLM Pro..

Question… I used a “text element” to use as a title over each unordered list - so that at the breakpoint I created, the viewer would have a visual of when one list ends and the other begins. I formatted this “text element” in red.. I also formatted the “About this Design” text element in red as well..

At 1133px and less, it shows correctly.. However as soon as I hit the 1134px mark and higher, it loses the red font color..

Is there something I did that causes this ?

Thanks again !!

Thank you Scott, it's cool to see with RLMP getting some great documentation through useful articles.

Nice tutorial. Exactly the kind I need right now... until I know the program more...

Thanks

I echo the compliments.

I'm trying to do what the tutorial says. Divided the first row as you say, into 4 and 8 grid spans. No probs here. Put the logo and 1st level heading in perfectly. However when I clicked on container and try to put it in the first row under the Heading, it wouldn't. Nothing I could think of at first would make it appear. Then finally, by dragging the container and hovering over the area where the heading appears, the legend swaps from "heading" to "column" and when I then released it the container did appear. This wasn't described in your text, and was by no means intuitive - sorry.

Once I'd worked out what to do, I was able to follow everything right to the stage of responsifying. At that point something odd happened. I set the two left hand footer columns to 6 grids and the right hand to 12, as you suggest,. But the layout didn't change in RLM, though it did when I used the Responsive design view in Firefox.

Any idea why? I had to reduce the viewport to about 530 px before the changes I'd made to the footer structure took effect.

Here's my template.