Adding a line of code for phone devices

[radaApeta]

Hello, i got this code, but it only works for pc, can someone adjust it so it would work on phone aswell ? It is for popup table colors. Thank you

https://www.pickupstore.cz/

.product-popup-modal__content-info th {
background: orange;
border: 1px solid orange;
}
.product-popup-modal__content-info td {
border: 1px solid orange;
}
.product-popup-modal__content-info table {
border-collapse: collapse;

[Made4uo-Ribe]

Hi @radaApeta 

What is this pop-up look like? 

[radaApeta]

@Made4uo-Ribe Hello, i am sorry. Its under product page, under link ¨velikostní tabulka¨ its size chart. 

[Made4uo-Ribe]

Thanks for the info, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media (max-width: 767px) {
    .product-popup-modal__content-info th {
        background: orange;
        border: 1px solid orange;
    }
    .product-popup-modal__content-info td {
        border: 1px solid orange;
    }
    .product-popup-modal__content-info table {
        border-collapse: collapse;
}

</style>

4. And save. 

5. Result:

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[PaulNewton]

@radaApeta don't just link to a homepage, link and list to a specific url WHERE the thing of issue is.

Don't make others already giving you the courtesy or their time waste more time digging around.

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

[radaApeta]

Hello, i am sorry. Its under product page, under link ¨velikostní tabulka¨ its size chart. 
https://www.pickupstore.cz/products/air-jordan-1-retro-low-og-psg-paris-saint-germain