[Pro] Responsive Website

I have designed a responsive website in freeway. On my iPhone it does not fit the whole screen. It is displaying slightly too narrow. I have set it to 320px. How do I fix this problem? Many Thanks, Nx

http://www.nicolecalder.com/Mulberrylodge/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Did you set the page width to 100% with a max-width of 320?

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

All content of http://www.nicolecalder.com/Mulberrylodge/ has fixed dimensions where they should have flexible (percentage based) dimensions. That’s why stuff won’t scale.

I did this one yesterday for our friend James Wages: http://beta.ontwerpzaam.nl/kiramek/

You’ll see a couple of breakpoints (768px, 480px and 320px), but all content has percentage-based dimensions.

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s brilliant! Thank you so much for your help. Can you tell me how to do that because I can’t see anywhere to put a max-width? Thank you, Nic


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry I never saw your second message. That’s very very helpful. Thank you very much, Nic


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Perhaps this might be of help:

http://www.kimmich-digitalmedia.com/videos/017_grid-express-part-1

It should be mentioned as well, that you should consider making a css-menu (rather those single isolated text links).

A quick-starter raw here as well:

http://www.kimmich-digitalmedia.com/articles/css-menu-challenge

This has mainly google reasons but as well responsive ones, cause it enables you to create a responsive menu for the tablet/mobile world.

Basically, there are lot of items in your workspace where I’m not sure what role they play. Another smart thing is to name your items. It helps you to navigate through your workspace and enables you to better handle them.

Keep in mind, that showcase isn’t really a responsive tool so far. You’d perhaps do better to create a gallery in Exhibeo.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

I’m still not sure how much I like responsive websites, I kind of prefer the alternative mobile website for mobiles, however I still want to get my head around the new Freeway breakpoints and am having some problems that I think might help make me that decision.

A simple question really, lets say i make an item

in the default page tab: some Html text with the phone number above the email address left justified and placed to the left hand top of the page, just how I want it.

Now on the 320 page tab I want this in the centre of the page, with the text centred.

Freeway allows the move but not the style change, is there a way around this?

What I was really hoping for was that Freeway would let me make any changes I want at the given breakpoints without affecting the original default page. Am I missing something?

Thanks

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When selected the 320 tab you can add the style(change) as an extended option to the div containing that text, like this:

  • Select DIV
  • Hit Cmd+Alt+X for Extended …
  • Select
    tab
  • Add: (name) text-align / (value) center
  • Done

Freeway should honor this and center your text when passing the 320px viewport. I’ve done exactly this on this project: http://beta.ontwerpzaam.nl/kiramek/index.html. Only I start centering the text around the 768px breakpoint up until the 480px, passed the 480px another change was made.

I get the preference for (separate) mobile sites/layout, but the thing is … you don’t need to. When you got your ‘default’ layout done properly (inline layout that is), keeping in mind what you want to realize for the mobile layouts … the layout will be a lot easier to adjust for the different breakpoints (Media types).

Good luck!

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options