Profile Fields (Editing Theme) - Buddypress Social Theme

Hello!

To start off I would like to thank you so much for all of your fast and quick support, it really means a lot to me. I have learned so much! I just want to say great job guys and keep it up! :slight_smile:

So here is my problem:
I am editing the Social Buddypress Theme and I am focusing on making profile fields (the one on a user profile) to be on the sidebar (under the user avatar) instead. The result is bad.

Here is what I did:

From the file "profile-loop.php line 14-33" (The profile fields), I copied

<table class="profile-fields"><br />
		<?php while ( bp_profile_fields() ) : bp_the_profile_field(); ?></p>
<p>			<?php if ( bp_field_has_data() ) : ?><br />
			      <tr<?php bp_field_css_class() ?>></p>
<p>				 <td class="label"><br />
				      <?php bp_the_profile_field_name() ?><br />
				         </td><br />
				       <td class="data"><br />
			               <?php bp_the_profile_field_value() ?><br />
				         </td></p>
<p>				         </tr><br />
				<?php endif; ?></p>
<p>		        <?php do_action( 'bp_profile_field_item' ) ?></p>
<p>		<?php endwhile; ?><br />
					</table>

Then I inserted it into the file "profile-menu.php" (Contains the add friend and send message buttons), I pasted it under the button block div.

The result was not so good, the page looked messed up. Maybe I pasted the wrong code or I am doing something wrong. I also tried inserting it in the index.php of the profile folder. In the index, I pasted it in the left-menu div. I get the same result.

Sorry for this long support question, I try my best to solve on my own, but this time something really nailed it.