Alex_63 помогал и на тестовом оно работает нормально. Но без Вашей кнопки.
Хотела, чтобы этот код

Код:

<!-- Мобильный стиль,  - в HTML верх! -->
<style>
@media screen and (max-width: 540px) {

.punbb .main td:not([id]) {
 border-style: dotted !important;
 border-width: 1px 0 0 1px !important;
 padding: 0.8em 1em;
}

.punbb .main #post td{
 border-width:0!important;
 border-style:none!important;
 border-color:transparent!important;
}
#navextra1, #navextra2 {
 display:inline-block!important;
}
#navextra1>a,#navextra2>a{
 font-size:0!important;color:transparent!important;
 position:relative;top:-7px;
}
#pun-navlinks .container li#navextra1>a{
 background-image:url(http://s7.uploads.ru/t/qazbD.png)!important;
}
#pun-navlinks .container li#navextra2>a{
 background-image:url(http://s3.uploads.ru/t/ZutCG.png)!important;
}
#pun-navlinks .container li a,#pun-navlinks .container li>a:hover{
 width:40px!important;
 background-position-x:center;
}
.html-box>center>table, .html-box>center>table *{
 /*width:100%!important;*/
 max-width:400px!important;
}
#pun-title, #pun-title:hover {
 width:100%!important;
 height:400px;
 background-size:100%;
}
.splContL, .splContL2, .splContL>*{
 width:400px!important;
}
.go-up, .go-down {
 right: 10px;
}
#button-transL, 
#button-code, 
#button-table, 
#button-anchor, 
#button-aanchor, 
#button-image+td, 
#button-keyboard, 
#button-font, 
#button-indent {
 display: none;
}
#meny_appearance {
 font-size: .9em;
}
#meny_appearance td {
 padding: 3px !important;
}
#pun-about .container{
 background-size: 130%;
}
.statscon+.container {
 display: none;
}

}
</style>

срабатывал после нажатия на кнопочку #on_OfMobile