Problem with Site's iPad Display

1 – [..] but they are teal on an iPad display.

You got 2 instances of .side-widget h3 inside this file

wp-content/themes/media/stylesheet.css

The teal one #4bac98 is in this bit

@media screen and (min-width: 681px) and (max-width: 980px) {}

and the other one url('images/side_title.gif') is in this bit

@media screen and (min-width: 981px) {}

2 – background image is not showing transparent on an iPad browser.

Just change background property of all instances of .container from #fff to none; or use background-color:transparent;

3 – The sidebar does not scroll either.

Remove position:fixed; from .aside and put in float:left;

Also, sidebar should collapes in small screen, so set it to display block, width 100%, and float none, for small screen within media query of your choice.

Thanks for the help!

Also, I just sent you an email with another question.

If you create a thread on these forums regarding your new question, it will be accessible to the entire WordPress community. Can you do that instead? Otherwise nobody else will be able to benefit from the solutions to your problems.

Hi Andrew,

That’s a very good point, and one that I try to keep in mind when posting on forums. It always drives me crazy when someone asks a question that is related to something I’m looking for too, only to read further that it was addressed by email.

Paulwpxp expertly addressed the questions I had above, so hopefully that will prove helpful to anyone else searching. My other question was an offline topic, so wouldn’t prove helpful to anyone searching the forums.