[Steven Zahm]

@ Neeraj

Actually, cMap is fine, it is the theme is completely stomping, completely destroying the layout and functionality. It is pretty darned rare that I come across a theme that does this completely.

Most of the layout issues are CSS conflicts found in this file for the theme:

http://www.enepalisansar.com/wp-content/themes/SocialChef/css/style.css

This section specifically:

.avatar,.vcard                          {float:left;width:90px;height:90px;overflow:hidden;color:#fff;text-align:center;position:relative;font-size:13px !important;font-weight:400 !important;padding:0;}
.widget #members-list .avatar span,
.widget #members-list .vcard .item      {min-height:30px;font-size:12px;border-right:1px solid #ddd;position:absolute;left:0;bottom:0;z-index:2;width:100% !important;background:#fff;color:#666;padding:6px 10px !important;text-transform:none;}
.avatar a,
.vcard .item a                              {color:#666 !important;font-weight:500 !important;}
.widget #members-list .boxed li:nth-child(3n) .avatar span,
.widget #members-list .vcard:nth-child(3n) .item            {border:none;}

.vcard .item-meta   {display:none;}
.vcard .item        {opacity:0;-ms-opacity:0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.vcard:hover .item  {opacity:1;-ms-opacity:1;}

What we’ll need to do is create a set of CSS rules for cMap that override the CSS from the theme that is ruining the layout for you.

Add the following to the theme’s custom CSS area:

#cn-cmap .vcard {
  float: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  color: #000 !important;
}

#cn-cmap .cn-clear {
  display: block !important;
}

input#cn-search-submit {
  background: url(http://www.enepalisansar.com/wp-content/plugins/connections/assets/images/icons/search.png)8px center no-repeat #FFF !important;
}

#cn-search-input {
  width: 140px !important;
}

This should tidy up the display.

The difficult bit is that the theme also seems to be stomping all over the javascript too. Or maybe it is a plugin too… I see you have BePro Listings installed, please try deactivating it. I think that is making the map feature break a little.

The last thing I see. It seems the theme is using UniformJS which seems to be abandoned by the author. This seems to be breaking the select drop down in cMap. Since UniformJS seems abandoned, probably the safest thing to do is make sure the theme does not use it. In order to do this, you’ll have to make one small change to a javascript file. This will also make sure it will not break any other plugins. Alternatively, if the theme has an option to disable it, I suggest doing that instead of editing the files.

Open this file:

http://www.enepalisansar.com/wp-content/themes/SocialChef/js/scripts.js

Go to line 29 & 30, which should be this:

//CUSTOM FORM ELEMENTS
$('select, input[type=radio],input[type=checkbox],input[type=file]').uniform();

And change it to this:

//CUSTOM FORM ELEMENTS
//$('select, input[type=radio],input[type=checkbox],input[type=file]').uniform();

Save the file and upload it overwriting the original.

After you do… I see you are using WP Super Cache, make sure you flush all caches.

That should fix everything up. Hope that helps, let me know.