Hi, I have a problem with the Peacock theme. Everything looks fine, but the problem is when I click on a group in the legend.

It looks good in the members group: 

But for the rest of the groups it looks like this: 

CSS: 

#ipsLayout_mainArea {
    width: 100%;
    min-height: 350px;
    padding: 0px;
}

Can you please help me to solve the problem. Thank you 

Тут на тз тянет 

Или это норма , вертикали такие?

3 hours ago, aLEX49566 said:

Тут на тз тянет 

Или это норма , вертикали такие?

I tried to change the width and I forgot to put 100%. I returned to the initial value and now it is fine.

The problem is that on the computer if I change the sidebar width to 0% and the main width to 100% everything is ok, but on the phone it no longer looks good...

I would like to find a solution so that it works well both on the phone and on the PC.

9 часов назад, sp33ddinamo сказал:

I tried to change the width and I forgot to put 100%. I returned to the initial value and now it is fine.

The problem is that on the computer if I change the sidebar width to 0% and the main width to 100% everything is ok, but on the phone it no longer looks good...

I would like to find a solution so that it works well both on the phone and on the PC.

Что нужно в десктопную и что в мобильную ?

I would like it to look good on desktop and on mobile... I kept trying to give it width values, but when I adjust it to look good on desktop, it doesn't look good on mobile, and when I make it look good on mobile it looks ugly on desktop...

Что конкретно меняете ?

Попробуйте так

#ipsLayout_mainArea {
  width: 100% !important;
  min-height: 350px;
  padding: 0px;
  display: table;
}

или так

#ipsLayout_mainArea {
  width: 100% !important;
  min-height: 350px;
  padding: 0px;
  display: table !important;
}

 

У вас и меню мобильное куда то делось, зато в десктопе оно есть. Может поставить другой шаблон?

On 12/21/2023 at 1:25 PM, aLEX49566 said:

Попробуйте так [Incearca asta]

#ipsLayout_mainArea {
  width: 100% !important;
  min-height: 350px;
  padding: 0px;
  display: table;
}

или [sau] так

#ipsLayout_mainArea {
  width: 100% !important;
  min-height: 350px;
  padding: 0px;
  display: table !important;
}

 

I tried that way. It looks good on the phone, but on the desktop it looks like this...:

16 минут назад, sp33ddinamo сказал:

I tried that way. It looks good on the phone, but on the desktop it looks like this...:

Я другой стиль скинул

  display: table !important;

Edited 22 декабря, 20231 yr by aLEX49566

2 hours ago, aLEX49566 said:

Я другой стиль скинул

  display: table !important;

So I tried...