WHMCS Project Addon - Small Screen/Mobile CSS Tweaks

[MaxTech]

/* makes WHMCS Project Addon area workable on small screens */
/* by max@molehill.net.au | change px to resize as you would like */
/* to be added to /modules/addons/project_management/css/style.css */

@media only screen and (max-width: 1239px)
{
#bodyContentWrapper {min-width 0px;}
#left_side {display: none;}
#content_container {min-width: 0px;}
#content_container #content {margin: 0;}
}

 

This doesn't change the top header bar of WHMCS (so that's still wider than a small screen), but it WILL make the project area workable on screens smaller than 1240px, which is what is set by WHMCS as default min-width.

 

need to get an opensource version of WHMCS and the templates so I can make the whole thing responsive (one day maybe) !! Hope this helps someone - as I often have multiple windows on screens - so don't want the project/task list taking up a whole screen while working - just off the side is nice for me

[MaxTech]

also added in extra line which makes "some" of the admin header area a bit more responsive:

#bodyContentWrapper { min-width: 0px; }