Jump to content
  • 0
Sign in to follow this  
Ras2019

HTML Blocks - Responsive

Question

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!

image.png.03af5227f7fdf81faa5427b377a535c9.png 

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

 

Sincerely

Ras

 

Share this post


Link to post
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...