how to make the table responsive in mobile

[learningdesign]

https://www.affiliateofficial.co.uk/pages/size-guide

how to make the table size responsive in mobile can some one please send me code ?

[PageFly-Henry]

Hi @learningdesign 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file app.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

table th, table td {

    padding: 6px !important;

    font-size: 12px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[learningdesign]

Not fixed yet looking like this

[learningdesign]

Sir please send me the correct code

[Raj-webdesigner]

Add This css in your page.css File 

@media screen and (max-width: 425px){
    table th, table td {
        padding: 2px !important;
        font-size: 12px;
    }
}

[learningdesign]

Still not right sir 

[learningdesign]

Can some one please send me the correct code ?