Question Help with code

[Shimei]

Hi,

It seems that info panels does not display correctly in small or mobile screen sizes.

I was thinking of adding to additional_css something similar to this.... but I do not know what to put where the question marks are:

@media only screen and (max-width: 600px) {
  ???????  {display: none;}

Your help is appreciated,
Thanks,
Shim

 

[Shimei]

I added:

@media only screen and (max-width: 600px) {
.forum-list-container .forum-list-header.dbtech-infopanels-topxstats-header {display: none;}
}
@media only screen and (max-width: 600px) {
.forum-list-container .dbtech-infopanels-topxstats-column > td {display: none;}
}
@media only screen and (max-width: 600px) {
span#dbtech_infopanels_status {display: none;}
}

It appears to work. If anyone could demonstrate how to combine all three into one that would be awesome.

Thanks,
Shim

 

[Fillip H.]

@media only screen and (max-width: 600px) {
	.forum-list-container .forum-list-header.dbtech-infopanels-topxstats-header,
	.forum-list-container .dbtech-infopanels-topxstats-column > td,
	span#dbtech_infopanels_status {
		display: none;
	}
}

 

[Fillip H.]

Hello Shimei,

This ticket has now been closed with the status Answered.

We hope your issue or question has been addressed to your satisfaction. If not, please feel free to re-open it by clicking this link.

If you have any further issues or questions, please feel free to start a new support ticket via the button at the top of every page.

Thank you!