- Joined
- Mar 6, 2011
- Messages
- 8,649
Not sure how pleased or displeased fast will be but I took the next step in making our front page work for cell phones.
By default the left sidebar goes up (ewww) the middle stays middle and the right sidebar goes down. Initially I disabled responsive on the front page. The first step was to bind the left side bar and let the right drop like it should. This allowed bringing the minimum size from 1100px down to 850px. But thats still horrible for cell phones:
My ideal solution is that BOTH side bars go to the bottom. This would be easy with the CSS3 Flexible Block model but that would mean cutting support for IE 9. Not ready to go this far I am physically moving the div via javascript.
This way the minimum page width goes down to about 550px But here is the page top and scrolled half way and you can see both sidebars are beside each other at the bottom half now:
You might also notice the banners go to mini now as well. This was sorta needed to make the sidebars not be so far away.
For reference here is the entire web page split in half in stock and might give an idea why we DON'T want the left side bar to go UP:
Got quite a few things to do to finish this off. Next couple of days I will be fixing everything I see wrong with the responsive layout. Once thats complete I will be changing the floating Nav to a version that works at all resolutions.
By default the left sidebar goes up (ewww) the middle stays middle and the right sidebar goes down. Initially I disabled responsive on the front page. The first step was to bind the left side bar and let the right drop like it should. This allowed bringing the minimum size from 1100px down to 850px. But thats still horrible for cell phones:
My ideal solution is that BOTH side bars go to the bottom. This would be easy with the CSS3 Flexible Block model but that would mean cutting support for IE 9. Not ready to go this far I am physically moving the div via javascript.
This way the minimum page width goes down to about 550px But here is the page top and scrolled half way and you can see both sidebars are beside each other at the bottom half now:
You might also notice the banners go to mini now as well. This was sorta needed to make the sidebars not be so far away.
For reference here is the entire web page split in half in stock and might give an idea why we DON'T want the left side bar to go UP:
Got quite a few things to do to finish this off. Next couple of days I will be fixing everything I see wrong with the responsive layout. Once thats complete I will be changing the floating Nav to a version that works at all resolutions.
Last edited: