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

[Dimusik]

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

 

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

 

 

спасибо

Змінено 27 березня 2021 користувачем Dimusik

[sasha3337774]

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

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

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

Змінено 27 березня 2021 користувачем 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

Змінено 27 березня 2021 користувачем 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

спасибо