I am using the impressive BS Gaming 01 theme on my e107 version 2.1.9 website, which I have modified slightly with css and the like to get it to fit the theme of my tabletop game website a little better. It comes with a full-width layout and a sidebar-left layout. Of the two I tend to favor the sidebar left so that I can have a place to put some important menu things.
However, when viewing the site via a smaller display such as a smart phone, the stuff on the sidebar-left menu is displayed first causing a lot of scrolling to get to what is important. This can cause an issue when you go to load the book "wiki" pages since there's no real evidence of a new screen loading. If you don't decide to scroll down, you'd never know you were on a new page at all. IMO this is problemsome.
I think that the best fix to get the menus I need and to handle this would be to have a sidebar-right layout, since the stuff in sidebar-right should load after the main content in a bootstrap website. However I've looked through all of the theme php and css files and see no real way of doing this. I have played with it trying to call upon my rusty knowledge on web programming to make this work, and I still can't seem to get the main content and sidebar right locations to switch spaces.
So, I figure why not come here and ask you great people? Does any of you know a way to do this? While I'd be grateful for someone to do this for me, I'd rather be walked through the process myself so that I can also increase my knowledge on how to do this - so bonus points for the kind programming god willing to lend this meer mortal his or her guideance.