Я пока только один раз сталкивался с моб. версиями сайта, поэтому без доступа к редактированию стилей мне тяжело экспериментировать.
Но все же, попробуй мой вариант :-)
1. Откатить все изменения, которые ты описал в предыдущем посте (т.е. вернуть шаблон + мои рекомендации до этого).
2. В файле responsive.css (если я не ошибаюсь, у тебя там расписаны различные варианты шаблона под разное разрешение), перед строкой /* Tablet (Portrait) */, дописать следующее:
@media only screen and (max-width: 980px) {
.wrapper { width: auto; }
}
Пробуй, должно подхватиться и сработать.
Если сработает, там уже можно и поэкспериментировать с различными вариантами разрешений, т.е. когда стоит в .wrapper делать ширину auto, а когда не стоит.
Вообще при переработке такого шаблона как у тебя, нужно стараться делать минимум телодвижений с css и шаблонами :-) . Просто представь, когда у тебя шаблон обновится (а платные шаблоны часто обновляются, дорабатываются, и улучшаются), то сколько тебе нужно будет всяких разных изменений вносить :-)