HTML Blocks - Responsive

[Ras2019]

Hi,

On my website where datapages with HTML Blocks are deployed, it seems there is a conflict with the website CSS and the Caspio Style CSS and I cant figure out what custom CSS to put in the styles to avoid such conflict.

This is how my HTML Blocks turn out responsive going out our over my container on the site - other data fields adjust fine!

 

Have anyone experienced same issue with HTML Block in responsive sites - and dealt with it?

 

Sincerely

Ras

 

[Vitalikssssss]

Hi @Ras2019,

I assume that you have an element with fixed width which do not fit the container in mobile view.

It would be easier to provide more specific suggestion if you share a link to this page.

Regards,

Vitalikssssss

[Ras2019]

Hi, thanks. I have sent you a link so you can see the issue in effect.

Sincerely

Ras

[Ras2019]

Vitalikssssss helped me solve the HTML responsive issue and I wanted to share to forum if other counter the same issue.

Thanks Vitalikssssss

**************************************

I have managed to resolve the issue by shrinking the HTML block width to certain width.

You can adjust Caspio Style used on Datapage or add the following code in DP Header:

<style>
  @media only screen and (max-width: 575px) {
  .cbHTMLBlockContainer {
    width: 200px !important;
  }
}
</style>

Regards,

Vitalikssssss

[Ras2019]

 

 

[nisargshah]

Thank you for the informative data.