Как добавить колонку в адаптивный шаблон?

Все экстрасенсы уехали на ТНТ.

Шаблон в студию, плиз.

Хотя, могу и ответить...

В html коде шаблона поменять размерность и видимость колонок, путем добавления/изменения классов CSS фрейморка, используемого в шаблоне.

Шаблон обязательно выкладывать? Может есть какой код, который позволяет отобразить еще одну колонку?

Да кто же его знает. Может там бутстрап, а может media-queries и display:none;

<estcho-odna-colonka>...</estcho-odna-colonka>

Стиль забыли:

стиль='показывать: как блок; обтекаем: справа' 🤪

veb674, хотя бы файл стилей покажите.

Чёт не получается иди у меня руки кривые:)

Вот кусок кода из шаблона:

}

@media screen and (max-width: 340px) {

div.module-content {

padding: 0;

}

.item img {

float: none !important;

display: block;

}

}

@media screen and (max-width: 499px) {

div.pagination li {

display: block;

}

}

@media screen and (max-width: 840px) {

#pageAll {

width: 97% !important;

padding-top: 46px;

}

tr, td {

display: block;

width: 100%;

}

div.registration .validate {

display: block;

float: none;

margin: 0 auto;

}

div.module-content div {

float: none !important;

margin: 0 auto;

width: 100% !important;

}

ins.adsbygoogle {

display: none !important;

}

#user5 {

padding: 0;

}

.breadcrumbs {

text-align: center;

border-bottom: 1px dotted #777;

}

#user1, #user2 {

width: 100%;

}

ul.menu li, ul#mainlevel li {

text-align: center;

}

#left {

display: none;

}

#right {

display: none ;

}

.gn_list_6 {

height: auto;

}

#pathway {

overflow: hidden;

width: 98%;

display: none;

}

#left + #right + #content {

margin: 0;

display: block;

width: 100%;

clear: both;

}

#left {

float: left;

width: 100%;

}

#right {

width: 100%;

}

#topModule {

overflow: hidden;

display: none;

}

.custom {

display: none;

}

#header, #Mod49, #Mod6, #Mod10006, #Mod48, #Mod10003, #Mod10043, #Mod10051, #Mod10073, #Mod10075, #Mod10074, #Mod10085, #Mod8, #Mod39, #Mod40, #Mod10057, #search {

display: none;

}

/* menu */

.menuwrapp_mobile {

background: #e76b1a;

width: 100%;

height: auto;

padding: 5px 0 -1px 0;

margin: 0;

display: block !important;

position: fixed;

top: 0;

left: 0;

right: 0;

z-index: 9999;

max-height: 100vh;

}

.menuwrapp_mobile a {

border-bottom-style: none;

text-decoration: none;

}

.mobilemenu_toggle {

height: 36px;

width: 170px;

display: block;

margin-left: 10px;

background: url('http://бебебебебе/templates/jm-0013/images/mob-menu-light.png') no-repeat;

padding-top: 2px;

}

.menu_mobile {

background: #EDF4F1;

margin-top: 5px;

font-size: 18px;

overflow: hidden;

padding: 0;

display: none;

}

.menu_mobile li {

margin: 0;

text-align: left;

}

.menu_mobile li:hover {

}

ul.menu_mobile {

list-style-type: none;

margin: 0;

padding: 0;

height: 100vh;

padding-bottom: 50px;

box-sizing: border-box;

overflow-y: auto;

-webkit-overflow-scrolling: touch;

}

.menu_mobile a {

width: 100%;

display: block;

font: 14px Arial, sans-serif;

padding: 8px 0 5px 15px;

height: 20px;

text-decoration: none;

}

.menu_mobile a:hover {

text-decoration: none;

}

.menu_mobile .sub-menu {

display: block;

position: static;

}

ul.menu_mobile .sub-menu {

list-style: none;

margin: 0;

padding: 0;

}

.sub-menu li {

margin-left: 20px;

}

.menu_mobile .sub-menu a {

}

#menu-item-rub001 {

background-image: url('/img/menu-arrow-down.png');

background-repeat: no-repeat;

background-position: 95% 8px;

}

#menu-item-rub001:hover {

background-image: url('/img/menu-arrow-down.png');

background-repeat: no-repeat;

background-position: 95% 8px;

}

}

.menuwrapp_mobile {

display: none;

}

лучше на тнт

А мне показалось, что это совсем не трудно, дописать код. Может проще шаблон заменить?

программирование - это очень просто

не спроста все заказчики всегда во всем разбираются и знают все нюансы.

а вот программисты - ленивые