Adjust the width of the table

Hi,

thanks for your question, and sorry for the trouble.

I’m not really sure what you mean, as I can’t reproduce this.
Can you maybe play with the web developer tools in your browser to find out more about this?

Regards,
Tobias

I want to stack the columns in phone but the text is overlapping i was able to that for another websitehttps://acre.bid/land-auctions/ with this code but its not working for https://panamaproperty.bid/current-sales/

I am using the following code
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

td {
width: 100%;
display: block;

}

}

Hi,

this CSS appears to be applied fine for me.
I tested in the mobile emulator in Google Chrome.

Regards,
Tobias

it doesn’t work on iphone 6 s

Hi,

sorry, I don’t have one to test ??

Regards,
Tobias

I am using the following code and it is working on the landscape mode and not in portrait do i Use max-width or max-device-width with @media only

@media only screen and (min-width : 320px) and (max-width : 2208px) and (orientation : landscape) {

tbody,
thead {
float: left;
}

th td {
display: block;
}

td {
float: left;
width: 100%;
height: auto;
display: block;
overflow: visible;
}

.tablepress-id-1 .column-4 {
width: auto;
}

.tablepress-id-1 {
width: auto;
height: auto;
}

}

Hi,

well, I guess that code is not working in portrait, because you are telling it to, in the first line ??
Just remove

and (orientation : landscape)

Regards,
Tobias

Thanks it helped but what is the max-device-width i should put

Hi,

you shouldn’t need max-device-width. Setting max-height: 768px should be enough to target phones with that piece of CSS.

Regards,
Tobias

Thank you great support

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!