CSS on iPad

ifdc1974 · Member · Apr 2, 2015 at 9:23 pm
Copy link

Add topic to favorites
Hello,

I am having trouble with the CSS for some of my web pages on my iPad. If you look at this page on the iPad https://ifdcorg.wordpress.com/2scale/ you will see that under the first picture, that block of text is misaligned. I’ve tried all I know to fix it. It works in vertical but not horizontal.

Here is some code I was testing with:

`/* for 1024px or less */

@media screen and (max-width: 1024px) {
#wrapper {
width: 40%;
margin: 100px 325px !important;
}
}

@media screen and (max-width: 1024px) {
#columnfour{
min-width: 250px;
margin-left: auto;
margin-right: auto;
}
}

Thanks!

The blog I need help with is: (visible only to logged in users)
ifdc1974 · Member · Apr 3, 2015 at 3:36 pm
Copy link
I am working on a solution and almost have this fixed.
thesacredpath · Member · Apr 6, 2015 at 9:33 pm
Copy link
Hi there, for the block of text just under the first image, give this a try.
```
#post-4102 #wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 100%;
}
```

WordPress.com forums

No items found.