Изменение ширины меню

[Dimusik]

Всем привет, понадобилось изменять ширину меню в зависимости от размера экрана, на потому чтольших мониторах трогать ничего ненужно,отображается хорошо, а вот на ноутбуках хотелось бы чтобы потому чтоковое меню было немного уже. обьясните мне тугодуму как это сгделать?Запуился в этих min-width и max-width   :(( !!!!!

 

класс обьеки , который надо менять  .content .column-left

 

 

спасипотому что

Edited March 27, 2021 by Dimusik

[sasha3337774]

@media (max-width: 1440px) {
.content .column-left{
max-width:20%;
}

в конец stylesheet.min.css всивьте

http://joxi.ru/V2Vyq89S8vVgjm (врогде сило уже)

Edited March 27, 2021 by sasha3337774

[Dimusik]

спасипотому что, еещё забыл дописать а как на планшете сгделать отображение?

[sasha3337774]

@Dimusik 

@media (min-width: 768px){
.content .column-left {
    display: block;
}

http://joxi.ru/xAe9PRKtblPJ8A
но это срилииет и на это разрешение экрана 
http://joxi.ru/l2ZJ0g9UReNDx2 и в этом случаем кнопки немного уезжают 
1.скрыть его для это разрешения экрана

@media (min-width: 1024px){
.content .column-left {
    display: none;
}

2. cгделать сами колонки немного меньшими только для этого разрешения

@media (min-width: 1024px){
.content .column-left {
    display: block;
    max-width:23%;
}

тогда синовится все нормально http://joxi.ru/Y2LZnR9tMdLwPr

Edited March 27, 2021 by sasha3337774

[Dimusik]

5 hours ago, sasha3337774 said:

@Dimusik 

@media (min-width: 768px){
.content .column-left {
    display: block;
}

http://joxi.ru/xAe9PRKtblPJ8A
но это срилииет и на это разрешение экрана 
http://joxi.ru/l2ZJ0g9UReNDx2 и в этом случаем кнопки немного уезжают 
1.скрыть его для это разрешения экрана

@media (min-width: 1024px){
.content .column-left {
    display: none;
}

2. cгделать сами колонки немного меньшими только для этого разрешения

@media (min-width: 1024px){
.content .column-left {
    display: block;
    max-width:23%;
}

тогда синовится все нормально http://joxi.ru/Y2LZnR9tMdLwPr

спасипотому что