datatables responsive issue

dmeister

I developed the following page that uses datatables: https://crimesolutions.ojp.gov/rated-programs and implemented responsiveness as well. If you load the page and proceed to narrow the browser window until it's mobile width, the green plus sign appears as expected. However, when you expand the green plus sign the first two letters of the columns under the expanded section are cut off. Any ideas what's causing this?

kthorngren

Inspecting the Responsive element, a li element, it looks like you have a CSS applying text-indent: -1.5rem;:

Unchecking the text-indent: -1.5rem; option fixes the Responsive display. You may need to add a CSS to your page to override this setting.

Kevin

dmeister

Thank you much Kevin!