Multi-site: Applying Child-theme breaks mobile layout

Hello,

I’ve been going mad over this one. When I apply a child-theme across the sites, I am getting odd behaviour where the mobile viewport reacted site gets pulled to the left and the logo appears to be shifted off-screen too.

It seems to happen when applying child-themes, if I re-activate the parent theme, it’s back to normal.

Please, god tell me you’ve seen this behaviour before, it’s been plaguing me for some time and I thought I had it resolved, but nope. Currently, I am in maintenance mode as I was performing a massive upgrade. This happening with child-themes is a show stopper.

For instance on the project website, fresh install of Newspaper, if I apply the version 9c child-theme you supply on some sites it will break like the above on others it applies ok.

For the demo image, I posted above. I created a fresh demo multi-site instance, tried version 9c child-theme on all subsites and it was fine. Added and applied my project child theme, and that’s how I took the picture of the bug.

The behavior is so badly intermittent, I’ve been desperately trying to track it down. There is nothing within the project child-theme css that causes this and have seen it working fine on some sites. Even if I remove all the css from the child-theme it still pulls to the left! It’s just because a child-theme is applied that it happens. No settings imported, everything standard.

Please, I am desperate for an answer as I currently on the clock in maintenance mode holding back 100k’s of visitors for the past few days. I’m totally out of options now and pray to God you’ve encountered this behavior before?

Kind regards,

Richard

• This topic was modified 5 years by PFC.
• This topic was modified 5 years by PFC.
• This topic was modified 5 years by PFC.

The issue was to do with the version of the child-theme css being enqueued.

To resolve this I added time() as an extra part of the version number when being enqueued until development was over.