Cause

Bug in stock JomSocial Templates. According to JomSocials own documentation on template overriding.

Action

When developing templates for JomSocial, it is imperative that the default JomSocial css file be included in any custom css files. This is not the case with the templates that ship with JomSocial (with the exception of the default template itself)

As of version 2.5.9 of the system plugin:

1. In the plugin properties, set "Fix layout problems with JomSocial stock templates" to "Yes"

This will cause the system plugin to include the JomSocial default css whenever a JomSocial page is displayed, and in turn fix the broken layout.

If you are using a version prior to 2.5.9 refer to these instructions:

(System plugin 2.5.8 and earlier, if you are using 2.5.9 or later you DO NOT need to perform these steps)

1. Disable the system plugin
2. Edit the file /components/com_community/templates/<jomsocial template name>/css/style.css and add the following line at the top
   
   

   @import url("../../../../../components/com_community/templates/default/css/style.css");

3. Enable the system plugin