How to make popup content appear fully

[undercoverfresh]

I’m looking to make the hoodie t shirt and  sweats section of the pop up centered and wide enough to show the whole chart for mobile and desktop  (mostly mobile) 

url knmb1c-pf.myshopify.com

password samurai 

[CodingFifty]

Hi @undercoverfresh,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (max-width: 768px){
.product-popup-modal__content-info table{
    height: auto !important;
    overflow: inherit !important;
}
}

[undercoverfresh]

The code worked but could you center header text and the sweatpants section and remove the lines where I circled?

 

 

 

[CodingFifty · Accepted solution]

@media (max-width: 768px){
.product-popup-modal__content-info table{
    height: auto !important;
    overflow: inherit !important;
   justify-self: center !important;
}

.product-popup-modal__content-info table tbody> tr:nth-child(2) {
    background: white !important;
}

.product-popup-modal__content-info table tbody> tr:nth-child(4) {
    background: white !important;
}
}

[undercoverfresh]

This worked thank you