Tables and Responsive Display

  • Resolved akacruiseman

    (@akacruiseman)


    4 years, 1 month ago

    Hi Nobita,
    How have you been?
    One of the pages that are not displaying properly on Mobile devices is at the link I provided.
    The meta appears correctly – <meta name=”viewport” content=”width=device-width, initial-scale=1″ id=”raindrops-viewport” />

    I am at a loss for how to proceed.
    Any help you can offer will be appreciated very much.
    Thanks,
    Jim

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author nobita

    (@nobita)

    Hi @akacruiseman

    Please add Style in Customize / Addtional CSS

    
@media screen and (max-width : 640px){
    
    #bd .rd-table-wrapper .rd-table-wrapper{
        display:block;
        width:90vw;
    }
    #bd .rd-table-wrapper table tr,
    #bd .rd-table-wrapper table tbody,
    #bd .rd-table-wrapper table{
        display:block;
        margin-left:0;
        margin-right:0;
    }

    #bd .rd-table-wrapper table td{ 
        display:list-item;
        text-align:center;
    }

    #bd .rd-table-wrapper  form{
        width:80vw;
    }
    #bd .rd-table-wrapper  form a{
        display:block;
        text-align:center;
    }
}

    Thank you.

    Thread Starter akacruiseman

    (@akacruiseman)

    Thank you Nobita!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tables and Responsive Display’ is closed to new replies.

Tags