Hey Trey,
I wonder if you could point me in the right direction about making my site http://chrisrutkowski.com/ truly responsive. Some people don’t like the backgrounds (which are paintings by my brother, but I like the retro feel which parallels my emphasis on acoustic music as a jazz player and composer, so I’d like to keep them.
I think the simplest course is for me to redo the pages for viewing on phones, with a new menus and probably removing the background paintings for that breakpoint. Could you clarify that process? And do you have a suggestion for an alternative menu, perhaps one that pops out from the side?
Thanks!
Chris Rutkowski
On Mar 9, 2017, at 2:31 PM, Trey Yancy email@hidden wrote:
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:
https://freewaytalk.softpress.com/person/options
Chris Rutkowski
Creative Director, Luna Media
email@hidden
www.chrisrutkowski.com http://chrisrutkowski.com/index.html
freewaytalk mailing list
email@hidden
Update your subscriptions at: