Responsive Calendar Issue and also Site Contents on the left menu.

Aug 15, 2014 at 1:52 PM
Edited Aug 15, 2014 at 1:52 PM
My calendar looks distorted on Mobile. Somehow the Saturday column squeezed itself out of it and shifted to Friday or in other words the top days row shifts to the left. ANY HELP IS ACCEPTED, ESPECIALLY HOW TO PLAY WITH THE CSS TO ACHIEVE THIS :)

Regarding Site Contents, after i make a .wsp solution, it appears on the left vertical nav. so i included, this to my CSS

@media (max-width: 768px) {
.ms-core-listMenu-verticalBox .ms-core-listMenu-item, ul.dynamic .ms-core-listMenu-item
{display: none;}

So that it only appears on the desktop mode. I'm i on the right path with this? Overall the bootstrap is functioning quite well and i re-built a bootstrap masterpage layout. i used this video for reference.