how to make the table responsive in mobile

learningdesign
Shopify Partner
125 1 15

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

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

Replies 6 (6)

PageFly-Henry
Astronaut
1069 306 260

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

learningdesign
Shopify Partner
125 1 15

Capture.PNG

 

Not fixed yet looking like this

learningdesign
Shopify Partner
125 1 15

Sir please send me the correct code

Raj-webdesigner
Shopify Partner
251 55 60

Add This css in your page.css File 

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

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


learningdesign
Shopify Partner
125 1 15

Capture.PNG
Still not right sir 

learningdesign
Shopify Partner
125 1 15

Can some one please send me the correct code ?