Making TINT Mobile Responsive

To make your TINT responsive on a mobile device you may do either of the following:

  • In the dashboard where you generate a TINT embed code, make the width of your TINT 100% and do not specify the number of columns.
  • Apply responsive media queries to the .tintup class div (Any responsive CSS style rules applied to the widget div will be adhered to, allowing you to have full control of how the widget should look on different screen sizes.)

For an example of how TINT handles on mobile devices and tablets check out our Responsive Embed Example Page on an iPhone or an iPad. On iPhone the widget will show up as a single column. On iPad you can change the orientation to see how the TINT resizes responsively to fit the available space.

For more information on CSS media queries click here.

Was this article helpful?
2 out of 5 found this helpful
Have more questions? Submit a request



Please sign in to leave a comment.