Upcoming News re Freeway

Dave B: Bolin site: It needs to be responsive. Start with the default breakpoint and with your CSS text styles. Set styles for heading, subhead, and paragraph text that work with the well. Click on the popup at the bottom right of the CSS text panel and step down one breakpoint at a time, changing only the attributes that need changing (such as font size and weight).

Go back to your document. Refer to the documentation and set the document to fill the available width. I recommend creating an HTML object named PageContainer (or something similar) and set it to 100% width. Select everything else on the page, delete it , click in the PageContainer and paste it in. Set all the content relative to the the width. Make sure that every object (including groups / containters) is given a recognizable name.

Note that narrower breakpoints inherit the layout and object settings of the wider breakpoint.

Step down to the next breakpoint and make adjustments to objects using margins, padding and position. Only. You will notice that your font styles will have automatically adjusted to that breakpoint. If there is any object that needs to be changed radically, duplicate it, select the original object, then use the Inspector to uncheck the Display box. Now only the duplicated object can be seen. You can change it at will. If you set the pages pane at the left to display the content instead of the pages, you can see the two objects - one showing as turned off and the other as turned on.

Step down to narrower breakpoints and repeat the above.

It may take some poking around to figure it out, but as long as you start with a simple test cdocument with only a couple of objects and text items, it should be easy to work things out.

Re: Menus - Use CSS menus. You will need to set things so that the burger menu will display at narrow breakpoints. Note that you may wish to set up a special text style just for the menus.


freewaytalk mailing list
email@hidden
Update your subscriptions at: