fix css for ipad WordPress

miamega comments:

you will need an ipad to see the issue

http://artwill.juntosinc.com/test/

miamega comments:

you will need an ipad to see the issue

http://artwill.juntosinc.com/test/

miamega comments:

enabled the site now

Kyle comments:

Which part are you specifically encountering problems with?

Kyle comments:

If you are referring to the center area, with the white border called 'Our Philosophy' on the test page that is overflowing the screen, try adding this to your style.css file to correct:

.story {
max-width: 100% !important;
}

Kyle comments:

Actually I realized there are more than one areas with hard set widths, try this in your style.css file instead:


@media screen and (max-width: 960px) {

.story {
min-width: auto !important;
width: auto !important;
}

body{
min-width: auto !important;
}

}

miamega comments:

Thanks for reply, i wonder why is the bg image isn't showing too

Kyle comments:

Oh, I'm seeing the image..

miamega comments:

i have one image for every section.

Kyle comments:

Yes I see an image for each section. Did you try clearing the cache on your ipad and reloading, sometimes that helps clear up some issues. I am seeing white space between some of the images, is that what you mean?

miamega comments:

https://dl.dropbox.com/u/47634600/photo%20%282%29.PNG
https://dl.dropbox.com/u/47634600/photo%20%281%29.PNG

so if you compare the web version and ipad. you will see the messing part in ipad. no background and not middle.

Kyle comments:

How are you progressing with this? The site has been changing quite frequently