I have the theme settings to have the logo in the middle and when I went to try it out on mobile I noticed that there was a bug with the left side of the header where the my account menu is located.
You have added something in header, I don't have this problem on my site and also elkarte.net
Is that on a localhost or there is a link we can see it "live"? (If you don't want to post the url in public a PM would work as well.)
As a general idea, I think radu81 is right: you added something at the top, the huge green bar cut in the image you posted. Probably you set it at a fixed size and that cases the page to be rendered in an odd way.
You probably have a couple of ways to fix the issue: 1) make it flexible, 2) add some more css in the various "@media" sections (at the end of index.css) to resize the bar depending on the width of the screen.
The green bar you're referring to is actually the address bar of the app I was using. The issue was that I changed the forum size in the Current Theme section of the Admin section. I just set it to 100% and that fixed it. Thanks for the help.
That's interesting.
To what size did you set it?
What app were you using?
It was at 1240px at the time I took the screenshot. I originally set it to 100% hoping it would fill out the whole screen but that didn't work then I set it to 1240px but that also didn't help.
I was using Dolphin Browser for Android - https://play.google.com/store/apps/details?id=mobi.mgeek.TunnyBrowser&hl=en
I cannot test it (I tried with an android emulator, but I can't reproduce the issue, though I'm not entirely sure the emulator is working properly), so if anyone has any idea feel free to propose it. :(
I can test with Android (Nexus 5 and 7) if you wish. But I need the URL to the board. Is it public?
Sorry for the offtopic, but
@Jorin we have the same devices ;)
I can also do a test If you give us a link ;)