If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Hybrid View

Fix for vBa CMPS modules to work on Mobile (CMPS version 4.3.0)

FIX FOR VBA CMPS MODULES TO WORK ON MOBILE

This fix will work for ANY template that is responsive, not just mobile templates.

For this fix to fully work, any images in the posts used in the vBa modules must have responsive CSS code added inline manually (shown below) to the img tag or any large images will cause the module to expand to fit the image off the screen (which we don't want). I'm not sure how to do this globally for only images within posts without creating a special class for those images which is far above my head right now. I'm sure someone could create a mod that could do all these changes automatically. And for anyone critiquing this fix, if you can do it better, it's no skin off my nose. I was just tired that there has been no fix for using CMPS with mobile, and it appears that it was far simpler than we thought and could have been done a long time ago by anyone who knows CSS better than me. This fix is now in place at one of the boards I manage using the Debutant theme and vBA CMPS ver. 4.3.0, vBulletin ver. 4.2.3. Musclechemistry.com. (Though we are still testing to see which modules will work the best, and I may be creating mobile CSS for any module we want to use but doesn't work with this fix.)

You will also need to change your layout to use only ONE column for whatever your widgets are, plus the information the module contains must be responsive. Some modules work better than others. Modules that contain posts work like the News and the Welcome modules work well for example. Didn't say this fix was perfect, but it works.

For anyone who knows CSS really well, it appears like it's only a matter of having a full set of CSS rules for mobile for each module. Again, the vBa people could have done this a long time ago.

Image code within posts that appear in modules will need CSS code similar to below added inline:

Code:

style="width: 100%;"

Or some kind of @media query on it:

Code:

style="@media screen and (max-width: 480px) {img {width: 100%;}}"

In the vBa CMPS template below, I added width: 100%; into the style tags in both div tags in this template.