[solved]a little help with skeleton responsive

[cybershot]

I am working on a responsive site. Trying to figure this stuff out.

http://themebuddies.com/templates/health/index.html

I am trying to figure out why the unordered list of social stuff doesn’t fit nicely under the telephone on the right on my iphone. Even if I just minimize the browser, there is this little bit of space. On my iphone, the list sits even further to the right. Can you take a look and offer some advice?

[TheDoc]

Settings fixed widths on things is definitely going to hurt you in the long run. Why don’t you simply use the default 100% width and rely on max-widths to help you out?

I don’t have my phone with me to check, but I’d definitely start there.

[cybershot]

I haven’t set any width’s

[TheDoc]

You have set several:

[cybershot]

That is default skeleton settings. I didn’t set them

[TheDoc]

Sorry, I don’t know what this skeleton is. I’m just giving you an idea of why some things might not work on mobile. Fixed widths are almost always the culprit.

Can you screenshot the problem? It looks poor, yes, but I can’t tell what it’s supposed to look like. Nothing appears to be broken when I few it on my phone.

[cybershot]

This is what it looks like now when I minimize in the browser. IN the iphone it’s over to the right another inch or more

http://themebuddies.com/before.png

This is what I think it should look like

http://themebuddies.com/after.png

[cybershot]

That worked. Thanks

[Author]

Posts