Support » Plugin: TablePress - Tables in WordPress made easy » Tabelle wird nicht angezeigt auf Mobile mit Impreza Theme

  • Resolved skayw

    (@skayw)


    Ich haben das Plugin getestet. Die Tabelle wird jedoch mit Iphone nicht angezeigt.

    Lieben Dank, Kai

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    As these are English-language forums, I’ll reply in English. That way, more people can benefit from our findings, I hope that’s ok.

    From what I can see, this is a problem in your theme, TablePress is working as expected.
    Here’s a screenshot of a “larger” phone, an iPhone X: https://imgur.com/ckQufFa
    As you can see, the table is very narrow only. This is caused by your theme only using a very small content area on small screens, i.e. it keeps very big margins on the left and right side of the content. The table then takes up 100% of the content area that the theme gives it.
    Thus, to make the table bigger, you need to find a way to make the content area wider in the theme. This might be as easy as using a different block or element in the block editor that your theme uses when you write the content of the page.

    Regards,
    Tobias

    Thread Starter skayw

    (@skayw)

    Hello, thanks much. I’m surprised, because impreza recommends tabelpress.

    I’ll take a look at this.

    Thanks much, Kai

    Thread Starter skayw

    (@skayw)

    OK. I have removed the margins. Now it looks buch better 🙂 However, the first header row is lower. So it still does not look good. The columns headers and the rest do not match on mobiles.

    Thread Starter skayw

    (@skayw)

    And on mobile is initial no scrollbar

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    the mismatch is caused by some CSS in your theme. To fix that, please change the block

    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #939CCA;
    	color: #eeeeee;
    }

    in your “Custom CSS” to

    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #939CCA;
    	color: #eeeeee;
    	padding-top: 8px;
    }

    Regarding the scrollbar: This is the general behavior of the browsers in Android and iOS: They only show the scrollbar when actual scrolling is done. Unfortunately, I don’t know a way to change that, sorry.

    Regards,
    Tobias

    Thread Starter skayw

    (@skayw)

    Ok. Thanks much. I´ll look for the issue with scrollbar myself.

    Best regards, Kai

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Tabelle wird nicht angezeigt auf Mobile mit Impreza Theme’ is closed to new replies.