multi KPI wrap column undesirable in Mobile

[calvin_wee]

Hi All,

Referencing to my previous question, we are having another problem with the Multi Kpi that we need some help.

Viewing on mobile, the columns are being wrap undesirable. Tracing from browser developer mode, we narrowed down the issue to be from extensions/qlik-multi-kpi/qlik-multi-kpi.css in the below codes. If we change the block to inline-grid, we can resolve the issue. But..

@media (max-width:763px) {
  .qv-object-qsstatistic .ui.statistic,  .qv-object-qsstatistic .ui.statistics .statistic {
    display: block;
  }
}

  while we place the below codes in Qlik Sense Application under edit Multi KPI style CSS or Mashup project CSS, none of them work.  

@media (max-width:763px) {
  .qv-object-qsstatistic .ui.statistic,  .qv-object-qsstatistic .ui.statistics .statistic {
    display: inline-grid !important;
  }
 

 Can anyone help to suggest what we can do?

Thanks and Regards

[calvin_wee · Accepted solution]

We changed to use Simple KPI extension instead of Multi KPI from the Extension bundle and it is responding to CSS well.