Responsive settings are stacking the elements that I don't want stacked

Responsive settings are stacking the elements that I don't want stacked

kenrightskenrights Posts: 36Questions: 10Answers: 0
edited March 16 in Free community support

Hello,

At a browser size of about 640 pixels wide, the responsive: yes, setting is stacking my elements when I don't want it to. See below.

I found the responsive page. What file do I edit to stop the stacking? Can it be done? Here's my live.datatables.net sandbox.

Thank you.

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 5,544Questions: 19Answers: 1,233

    Are you saying that you want to disable the child rows like this example?
    https://datatables.net/extensions/responsive/examples/child-rows/disable-child-rows.html

    Kevin

  • kenrightskenrights Posts: 36Questions: 10Answers: 0

    No, not what I'm looking for. Let me try to do a better job explaining my goal. I don't want the elements at the very top to stack as I reduce my browser window width. Here's another screen capture:

    As I reduce my browser window width (E.g. mobile devices), I want it to stay like this:

    Hopefully that explains better.

  • colincolin Posts: 4,694Questions: 0Answers: 823
    Answer ✓

    Hi @kenrights ,

    That's just a CSS issue. I created this example from one of the solutions on this SO page.

    Cheers,

    Colin

  • kenrightskenrights Posts: 36Questions: 10Answers: 0

    Yup, you fixed it for me. Thank you.

Sign In or Register to comment.