Article Table Mobile Overlapping

Answered

4 Comments

  • Pulkit Pandey
    Community Moderator

    Hi Steven Dai

    Is it possible to share the live URL of your article where it's happening, so that I will go through it and provide you a relevant solution.

    Thanks

    Pulkit

    0
  • Steven Dai

    Hi Pulkit,

    Here's the link

     

    0
  • Pulkit Pandey
    Community Moderator

    Hi Steven Dai

    Place the below CSS at the bottom of your style.css file 

    @media(max-width:1024px) {
    .table {
    overflow: scroll;
    display: block;
    width:100% !important;
    }

    .table td, .table th {
    padding: 10px 20px;
    }

    .table td {
    width: auto !important;
    height: auto !important;
    }

    .table tr {
    display:table-row;
    height: auto !important;
    }
    }

    Let me know if it solves your issue 

     

    Thank You 

    Pulkit

    Team Diziana

    0
  • Steven Dai

    Hi Pulkit,

    Thanks for the reply! To be clear, I add that to the bottom of the style.css in the customize design/theme right? If so, it looks like it sort of fixed it in that it doesn't overlap anymore however it's still not completely rendering properly:

    0

Please sign in to leave a comment.

Powered by Zendesk