My issue is this. I am using Articulate where I use an Iframe to display the content. To cut a long story short, when using this with ipads, there is an issue with scaling the content from Articulate when using HTML 5 on mobile devices.
It works fine on desktop and on pages with no sidebar but if I have a sidebar, the content is clipped. Its not the themes fault thats for sure.
I dont want to have remove sidebars on my website for these specific pages but could live with them not being present on mobile devices.
What I thought might work however is if I can either reduce the width of the sidebar on any mobile devices or even universally, or display the sidebar differently or not at all on mobile devices.