twentyeleven child theme partially works on ipad

Look at applying overflow: hidden; to your HTML element which contains the background image.
Resource on overflow.

Hi Andrew,

Thanks, but in this case the overflow is not my concern. It is the fact that the css of the ‘wrapper’ – which is a separate css file for the black strip – seems to not be loading at all. And the fact that only ios devices seem to be bugged.

Strangely, the wrapper.css does load equally on all pages (as chrome tells me).

Can you link the problematic web page? It’s difficult for forum volunteers to recommend fixes otherwise.

Hi Andrew,

Sorry, I totally forgot. It’s about https://www.jorisschaap.nl/test

I’ve looked at page, https://jorisschaap.nl/test/?page_id=93 and it seems your wrapper element is loading. Perhaps I’ve misunderstood the problem, can you again specify?

Yes, the wrapper element is loading on all pages, and on all devices.

The accompanying css file, wrapper.css, which specifies the attributes for that wrapper, loads on all pc browsers. However, on iOS devices (mobile safari, e.g. ipad and iphone), the css seems to be loading on the homepage, but not on all the other pages (look for screenshots in the first post).

Maybe it has something to do with the fact that I use frontpage.php, or wp-supersized for the front page, but I cannot quite get the hang of where to look for a solution.

It’s quite complicated, I hope my elaboration explains it more clearly?

I’m working on it, it seems to be something with the css precedence.