MyBB Community Forums

Hello,

This is a head scratcher to me, I was wondering if some one could help me figure out how to get this to work and with out breaking the responsiveness on the site. Below is the code of the post bit:

{$ignore_bit}{$deleted_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="row">
<div class="col-2">
<div class="post_author mobileno">
	{$post['useravatar']}
<div class="avatar-info-box"><i>{$post['postnum']} posts &nbsp; / &nbsp; {$post['threadnum']} threads</i><br /><a href="#">VIEW</a></div>
<div class="hov-feat">
<div class="hov-avatar" style="text-align:center;"><img src="{$post['fid15']}" width="100px" height="100px;" style="width: 70px;height: 70px;border: 3px solid #181b20;"/></div>
<div style="text-align:center;">
<a href="{$post['fid20']}" class="hov-info-bar-button2" title="View Wanted Ad"><i class="fa fa-user-plus"></i></a> 
<a href="{$post['fid18']}" class="hov-info-bar-button2" title="View Development Thread"><i class="fa fa-cog"></i></a> 
<a href="{$post['fid19']}" class="hov-info-bar-button2" title="View Tracker"><i class="fa fa-search"></i></a> 
<a href="{$post['fid22']}" class="hov-info-bar-button2" title="View Twitter"><i class="fa fa-twitter"></i></a> 
<a href="{$post['fid21']}" class="hov-info-bar-button2" title="View Instagram"><i class="fa fa-instagram"></i></a>
</div>
<div class="hov-info-bar"><i class="fa fa-calendar"></i>{$post['fid2']}</div>
<div class="hov-info-bar"><i class="fa fa-venus-mars"></i>{$post['fid3']}</div>
<div class="hov-info-bar"><i class="fa fa-briefcase"></i>{$post['fid4']}</div>
<div class="hov-info-bar"><i class="fa fa-venus-double"></i>{$post['fid5']}</div>
<div class="hov-info-bar"><i class="fa fa-heart"></i>{$post['fid6']}</div>
<div class="hov-info-bar"><i class="fa fa-moon-o"></i>{$post['fid8']}</div>
<a href="{$post['fid17']}" class="hov-info-bar-button">PLOT WITH {$post['username']}</a><br /><br />


</div>
</div>
</div>
<div class="col-10">
<div class="post-title"><span class="mobileonly"><img src="{$post['fid15']}"style="width: 50px;height: 50px;"/></span>{$post['username']} {$post['onlinestatus']}{$post['authorchange']}<div class="infobit mobileno">{$post['fid9']}</div><div class="infobit mobileno">{$post['fid10']}</div><div class="infobit mobileno">{$post['fid11']}</div><div class="infobit mobileno">{$post['fid12']}</div><div class="infobit mobileno">{$post['fid13']}</div><i class="float_right date mobileno">{$post['postdate']}</i></div>
<div class="post-content">
<img src="{$post['fid14']}" class="mobileno" style="width: 70px;height: 70px;border: 3px solid #fff;float: right;margin-top: -15px;margin-right: -15px;margin-lefT:5px;border-radius:100px;"/>
{$post['posturl']}
{$post['message']}
<div class="post_meta  mobileno" id="post_meta_{$post['pid']}">
		{$post['iplogged']}
	</div>
</div>
<div class="post-buttons">
<div class="postbit_buttons post_management_buttons float_right" style="padding:2px;">
		{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
	</div>
<div class="postbit_buttons author_buttons">
		{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
	</div>
</div>
</div>
</div>
<br />