First go to your 1024×768.css file and copy
table.container {
width: 996px;
}
and paste it into template_css.css
Next go to your Template Manager in Joomla and edit HTML.
Find:
<link href=”<?php echo $mosConfig_live_site;?>/templates/ja_procyon/css/template_css.css” rel=”stylesheet” type=”text/css” />
and delete
<link href=”<?php echo $mosConfig_live_site;?>/templates/ja_procyon/css/800×600.css” rel=”alternate stylesheet” type=”text/css” title=”800×600″ />
<link href=”<?php echo $mosConfig_live_site;?>/templates/ja_procyon/css/1024×768.css” rel=”alternate stylesheet” type=”text/css” title=”1024×768″ />
scroll down and find
<!– BEGIN: HEADER –>
and delete
<div class=”users-bar”>
Choose your screen resolution:
<a href=”#” onclick=”setActiveStyleSheet(”); return false;”>Auto adjust</a>
<a href=”#” onclick=”setActiveStyleSheet(‘800×600’); return false;”>800×600</a>
<a href=”#” onclick=”setActiveStyleSheet(‘1024×768’); return false;”>1024×768</a>
</div>
save it and it should be removed and default to 1024×768.css
