Site looks great on pc and laptop but not on ipad

rvrkids

Please help!

I have created my site (still have some work to do) but published it to see what it looks like. It looks great on desktop pc and laptops but containers are overlapping on ipad and site items that I don't want visible are available.

karenmclaughlinphoto.smugmug.com

I have my site on stretchy but don't know what else to do.

sidenote: I'm open to feedback on the site too

tomnovy

Hi There,

I have checked your site on an iPad and I can confirm that everything is loading fine - please see my screenshot:

http://take.ms/GpO8S

Could you please give us little bit more information on what is overlapping for you?

rvrkids

Thank you so much for helping me out.

It looks like that on my ipad too but the photo is a slideshow and some of my pictures are bigger than that and then they overlap my logo....my slideshow is set to auto height 3x2. Also, the background is weird....I used my own graphic which is the dark red wood floor behind the logo but on the ipad the background is split between that graphic and black.

Also, doesn't it just look weird the way it is layed out on the ipad? I realize the layout has to change for different screen sizes but this one to me just looks bizarre.

I added a screenshot of my homepage on my pc to my attachments but couldn't figure out how to get it displayed here....my pc screen is 1920x1280

Thanks again for your help.

denisegoldberg

rvrkids wrote: »

I added a screenshot of my homepage on my pc to my attachments but couldn't figure out how to get it displayed here....my pc screen is 1920x1280

To add a screen shot, first upload it to an unlisted gallery on your site. Then take a look at How to Embed an Image in Your Post.

rvrkids wrote: »

sidenote: I'm open to feedback on the site too

I was a bit shocked to look at your site on my phone and find that all I saw was your very large flowerpot logo. I had to scroll to select the page I wanted to view.

I would recommend rethinking the size of your logo for the site overall. It may be ok if someone is viewing your site with their browser stretched on a large monitor but I believe it is using too much of the screen both when it is displayed on the side and when it moves to a smaller (but still too tall) image at the top of your galleries. I almost never maximize the browser window and I suspect I'm not alone in that behavior.

Take a look at your site on different screen sizes using http://quirktools.com/screenfly. Are the menu entries viewable? Or does your viewer need to scroll to find them?

--- Denise

rvrkids

Thanks for the feedback Denise. I tried making my logo smaller but then you couldn't read my name very well. I just reduced it to 300px from 550 and it is/was 30% container size. I also just changed the slideshow to be fixed height instead of auto height but it is still too tall so you can't see my menu below my logo without scrolling. Maybe I should think about re-designing the logo a little and just have the flower to the left of my name...then I could put it in the header along with the menu and have it consistent on all pages (entire site).

I guess the only other option (?) is to use CSS to include code that will change the layout for smaller screen sizes......but that's getting a little more involved than I wanted to get.

Any other suggestions are greatly appreciated.