Creating this site, I tried a few different styles.
When I would change the home page, I would find that it would not update on the mobile end (displaying the previous page). I spent hours playing with the server cache and the CSS files to no avail. I even contacted my hosting provider and they didn’t know why this was happening.
The good news is, it had nothing to do with their server configuration or my CSS. Even tho I had cleared the mobile browsers cache several times, exited the program completely even restarted my phone the same home page would always load. (The sub pages would load correctly adding to the confusion).
Turns out it’s a mobile browser “hidden cache” issue (At least that’s what I am calling it). No matter how much you clear your cache it still will load the old content! The workaround is to request the desktop version of the page. On Firefox you can do this by tapping the upper right menu and selecting “Request Desktop Site“.
As of this date am unsure of a solution, just this workaround.
Eventually the mobile browser will “catch-up” and display the correct content. (But, It could take a few hours)