Tables display on mobile version

Posted in: Newspaper
Post count: 4
Arthur
#252587
Sep 10, 2018 at 2:08 am

Hello,

I added tables in one of my articles. On the desktop version, the display is good. But on mobile version, it isn’t responsive as you can see here: https://www.voyagerenavion.fr/bagages-cabine-compagnies-low-cost-europe/

The right columns don’t display. Do you have a solution to resolve this problem?

Thanks in advance.

Post count: 23312
Catalin
#252724
Sep 10, 2018 at 2:40 pm

Hello Arthur,

Here is talking about your HTML structure for your table. As a hint, notice that you can use an online tool for responsive table generator, like this -> https://ianrmedia.unl.edu/responsive-table-generator-tool

Thanks for the message!

Post count: 4
Arthur
#252859
Sep 11, 2018 at 9:26 am

Thanks for your hint 😉

I added this CSS code :

@media only screen and (max-width: 840px) {
table.responsive {
margin-bottom: 0;
overflow: hidden;
overflow-x: scroll;
display: block;
white-space: nowrap;
}
}

Look at the result: https://prnt.sc/kszgmh
Do you know how to make possible to have only the possibility to scroll left to right, without having a border at the bottom (and without needing to scroll up to down)?

Post count: 23312
Catalin
#252933
Sep 11, 2018 at 2:06 pm

Hello arthur,

You should adjust it with some custom CSS code. We cannot provide something like this because this task involves doing such a custom work and we cannot provide this, sorry! usually, we recommend the developers from studio.envato.com.

Thanks for your understanding!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.