it would be helpful to see what the remodel is supposed to look like, as opposed to what i'm looking at.

at a glance, the width on your .boards .threads{} css class is 9%, which is why the thread list won't span the full length of the forum.

Oops! Sorry Kura, here's where I've tested it to make sure it wasn't an issue with the code itself.
lorsynth.boards.net/

I've tried resetting all templates to default and testing the new boards, no luck, also reset the css and turned off all the plugins. Thanks for the 9% tip off, I'll tinker with that one now. <3 Appreciate the help!

It looks like your tables aren't being given end tags correctly on your main site which could be part of the reason why the remodel isn't showing up correctly. On your site, if you inspect element on one of the tables and hover over part of the code, you'll see that the entire page gets highlighted instead of that specific table (it highlights correctly on your test site). If you post your board remodel code, I can take a look at it.

EDIT; on second thought, it might be clashing with codes on some of your other templates, so you might want to check those too. Did you reset them all at the same time or one by one? you can also put your remodel code back piece by piece so you narrow down what's causing the trouble

I reset all of the other templates together and only turned on the board remodel and it still wasn't working right. So I'm fairly sure the issue isn't with one of those or that would have solved the issue. Same with plugins, I turned all those off but the issue still stood. The code on its own works fine on the tester, unless it's a combination of plugins and templates together (I didn't reset all templates and turn off all plugins at the same time)

Edit: Turned reset all the templates, turned off all the plugins, cleared all the headers and footers, still an issue? Very confusing. Here's the remodel code just in case? Logic says that'd be the issue, I just don't understand why it works on the tester?

(Thank you for the help, I'm having no luck with this on my own.)

<table class="list" role="grid">
<tbody>
    {foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td>
   
   <div style="width:950px;height:30px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center><font size="5"><a href="$[board.href]">$[board.display_name]</a></font></center>
</div><div class="NavGaps">x</div>
   
 <table>
<tbody>
<tr class="spaceUnder">
<td> <div style="width:108px;height:108px;overflow:auto;padding:0px;border:2px solid #17181d;background-color:#393c4d;">$[board.last_thread.last_post.created_by.avatar]</div><div class="NavGaps">x</div><div style="width:100px;height:99px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;">$[board.icon]</div><div class="NavGaps">x</div></td>
   
   <td>
 
 <div style="width:696px;height:18px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;">{if $[board.posts] > 0}

$[board.last_thread.recent_link]{/if} {else}
No posts have been made on this board.
{/if} by $[board.last_thread.last_post.created_by] $[board.last_thread.last_post.created_on]</div><div class="NavGaps">x</div>
 
 
 <div style="width:696px;height:145px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><div class="NavigatorContentAreas2">$[board.description]
   
   </div></div><div class="NavGaps">x</div>
 
 <div style="width:696px;height:18px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;">{if $[board.num_mods]}
Moderator/s{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}</div><div class="NavGaps">x</div>
 </td>
 
 <td>
 <table>
<tbody>
   <tr>
<td><div style="width:30px;height:29px;overflow:ellipsis;padding:4px;border-bottom:solid 2px #17181d;border-left:solid 2px #17181d;border-top:solid 2px #17181d;border-right:solid 0px #ffc24f;background-color:#262934;"><center><font size="5">☀</font></center></div><div class="NavGaps">x</div> </td>
<td><div style="width:160px;height:29px;overflow:ellipsis;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center>No Events</center></div><div class="NavGaps">x</div></td>
</tr>
<tr>
<td><div style="width:30px;height:29px;overflow:ellipsis;padding:4px;border-bottom:solid 2px #17181d;border-left:solid 2px #17181d;border-top:solid 2px #17181d;border-right:solid 0px #ffc24f;background-color:#262934;"><center><font size="5">☀</font></center></div><div class="NavGaps">x</div> </td>
<td><div style="width:160px;height:29px;overflow:ellipsis;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center>No Events</center></div><div class="NavGaps">x</div></td>
</tr>
 <tr>
<td><div style="width:30px;height:29px;overflow:ellipsis;padding:4px;border-bottom:solid 2px #17181d;border-left:solid 2px #17181d;border-top:solid 2px #17181d;border-right:solid 0px #17181d;background-color:#262934;"><center><font size="5">☉</font></center></div><div class="NavGaps">x</div></td>
<td><div style="width:160px;height:29px;overflow:ellipsis;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center>$[board.num_viewing] Viewers</center></div><div class="NavGaps">x</div></td>
</tr>
 <tr>
<td><div style="width:30px;height:29px;overflow:ellipsis;padding:4px;border-bottom:solid 2px #17181d;border-left:solid 2px #17181d;border-top:solid 2px #17181d;border-right:solid 0px #17181d;background-color:#262934;"><center><font size="5">♢</font></center></div><div class="NavGaps">x</div></td>
<td><div style="width:160px;height:29px;overflow:ellipsis;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center>{if $[board.threads] == -1}N/A{else}$[board.threads]{/if} Threads</center></div><div class="NavGaps">x</div></td>
</tr>
 <tr>
<td><div style="width:30px;height:29px;overflow:ellipsis;padding:4px;border-bottom:solid 2px #17181d;border-left:solid 2px #17181d;border-top:solid 2px #17181d;border-right:solid 0px #17181d;background-color:#262934;"><center><font size="5">♦</font></center></div><div class="NavGaps">x</div></td>
<td><div style="width:160px;height:29px;overflow:ellipsis;padding:4px;border:2px solid #17181d;background-color:#393c4d;"><center>{if $[board.posts] == -1}N/A{else}$[board.posts]{/if} Posts</center></div><div class="NavGaps">x</div></td>
</tr>
</tbody>
</table>
 
 

 
 
 
 </td>

 
 
 
 
 </tr>
</tbody>
</table>
   
   <div style="width:950px;height:15px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;vertical-align:middle;">{if $[board.sub_board]}
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}{/if}
</div></td>
</tr>
   
    {/if}
   {/foreach}
{if !$[board]}
   <tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
   

 
</table>  

no worries that's what a fresh pair of eyes are for ~


{if $[board.num_mods]}
                                   Moderator/s{if $[board.num_mods] != 1}s{/if}:
                                   {foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
                                   {foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}

this is the part of your code that's breaking your board. i'm not sure why because i've never had a moderator portion to my board mods but everything works hunky dorey as soon as i remove it. it seems to work fine if you have the moderator list filled out, as you do on your test site; but when it's empty, it makes the page go haywire. if you want to keep it, i have had some success replacing it with the stock code taken off proboards' default template:

{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}

however it prints a random {/if}{/foreach} at the top of my board list that i haven't figured out how to get rid of yet. otherwise, the rest of your board mod seems to work as planned


edit; i found those pesky tags here's the working code

Thank you SO much, you're an absolute legend! Works perfectly! You've save me so much stressing! Haha. <3
Only issue left seems to be the subboard container wrapping only around the first board, I'm sure I'll find that with some tinkering though.

Again, so many thanks. Haha!

no problem! I can take a look at that too when I get home if u want

That would be awesome, thank you! I'll tinker in the meantime and see if I can sort it out myself beforehand. <3 Very much appreciate all your help! 

unless you've figured it out, try this code. hOpefully it works as intended now

i noticed you had an odd number of if tags bc i deleted the one that printed as text w h o o p s so i went back through the code and noticed you had an extra {/if} hanging in this portion due to the fact that you ended the if/else statement early by adding a {/if} before {else}

div style="width:696px;height:18px;overflow:auto;padding:4px;border:2px solid #17181d;background-color:#393c4d;">{if $[board.posts] > 0}
                         
                               $[board.last_thread.recent_link]{/if}                   {else}
                           No posts have been made on this board.
                       {/if} by $[board.last_thread.last_post.created_by] $[board.last_thread.last_post.created_on]</div>

Thank you Kura! It all works flawlessly, again, you're an absolute legend!