Grids are like a flexible spreadsheet, working wonder in keeping the content organized and lined up on all (device) widths. Here you can add or (re)move rows, define column span widths (what part of the row a column ‘spans’) and configure the responsive grid. The first pane is for creating and managing the layout. These panes give granular control over the layout, content, and styles of the pages. On the right-hand side there are 5 different panes. Section 2: The power packed control panes Select a new element on the right (part of section 2) or grab any existing element and drop it on the desired spot. This is also the area where site elements can be added and rearranged. Then type, paste, select and style with familiar text formatting tools. Texts can be edited in place activate the text editor by triple-clicking any text element (or use the right-click menu). Designing in a browser has the advantage that the site will reflect what the end-user will experience when viewing the actual live production site. The embedded browser displays the site in progress, any changes to the content or design are reflected in real time. This is the largest visible part of the app and the one that you will be looking at most of the time. Shielded from technical complexities by the User Interface, you can let your creative juices flow free! Section 1: The real-time preview and text editing area The ability to adjust the layout and design based upon display width, the core of any device-agnostic design, is unique to our collection. Our responsive apps combine flexible layout creation with an intuitive workflow and powerful design tools. It was the happy result of a rainy weekend, and has already topped 10k views! They are sure to get you up to speed lickety-split! Watch our widely popular video instructions where you create a fully responsive page in under 30 minutes. Just have to export again and update the CSS.Visual Learners Love Our Video Tutorial Article I had two empty columns of 2 spans each on either side of that paragraph column, and after seeing your comment I went in and made those 2 columns hidden (just found out how to hide things yesterday as a matter of fact) at the smaller screen sizes. I knew it was a little cramped, but didn't know at the time how to fix it. ![]() Yeah, I don't have a Smart Phone (Stupid Phone only currently) to test it on, so that didn't stand out so much. Thank you kindly Steve! It's been a little bit of a learning curve, but as you get it, you start seeing just how wonderful and powerful RLM is. Very anxious to get a nice menu added in. Just started playing with Menu Maker last night. I will definitely post again when I get things pretty well done. Leaning more towards a flat design somewhat too. Hey, thanks Ernie! Yeah, one of my goals has been to have a feeling of more room overall and NOT crowded like the old site. I may still tweak some further as sometimes the logo gets smaller than I would like at certain screen sizes. Thanks Dave! There's so many choices when working on the responsive part, but I love how much control RLM gives you. A lot more Aha moments still happening!Īnd finally, it's only the home page I'm playing with right now, so the various links on the page don't go anywhere yet. I see how to do that now that I'm getting more familiar with the program. Maybe that will help with the look of the header when I add that.Īlso, as it goes down to the smaller screen sizes, I am looking at changing how the section with 9 photos (under 'Mike Brose Pro Figures' heading) shuffles in the stack. I purchased Menu Builder when I bought RLMP, but honestly haven't even opened the program yet (can't wait though!). There's more I want to do to the header yet (looks a bit plain at desktop monitor size), and I haven't put in the Nav bar yet (just a place holder right now). Please let me know what you think, both in terms of the design and how I am doing with RLMP. ![]() ![]() (temporarily on this domain I own while I test things) Here is my first attempt at a redesign with RLMP. I know I lose visitors who are smaller devices, so I really want to make the site responsive along with the makeover. Ī bit cramped, a bit dated and definitely in need of a facelift, but most importantly, it is not responsive. As a point of reference, here is what the site looks like now.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |