Dilemma with different size screens

mrhoni

I've been playing with the layout of my Logo/menu/social icons one one line at the top of the screen. Positioning them to look good on my 27" iMac does not seem to be a good choice. Next I tried logo on top and menu below with social icons to the left.

Using Quirktools to see what the page looks like under different screen sizes. Now its making me mental!!

What suggestions are there for sizing? There are many sizes of laptop screens, desktop monitors and iPad.

There is Quirktools with my site as it currently is.

http://quirktools.com/screenfly/#u=http%3A//www.mrhoni-photography.com/&w=1280&h=800&a=1&s=1

Shinrya

tell me about it!

whilst I'm happy with how smugmug handles viewing sites on smartphones, it all falls apart when trying to view on an iPad.

denisegoldberg

You can target CSS at different screen sizes. The wrapper code you will need is shown at http://www.aaronmphotography.com/Customizations/Sitewide/Screen-Width-Customizations. You will need to come up with the appropriate definitions for your site.

--- Denise

mrhoni

This was so frustrating. I decided to go back to my original layout of having Logo centered and menu centered underneath logo and social icons centered and underneath the menu. This layout seems to work best on many different screen sizes.

Hikin' Mike

mrhoni wrote: »

This was so frustrating. I decided to go back to my original layout of having Logo centered and menu centered underneath logo and social icons centered and underneath the menu. This layout seems to work best on many different screen sizes.

It looks 10000% better now.