Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2024 at 3:17 pm #1469025
    Flyingeye78

    Hallo,

    ich benötige bitte Hilfe bei meinem Tabellen Problem auf der mobilen Version. ;-)

    Auf der Startseite von https://einkornmehl-kaufen.de/ wird die zweite Tabelle korrekt über die volle Breite angezeigt. So ist sie perfekt.

    Die Tabelle auf https://einkornmehl-kaufen.de/unterschied-einkornmehl-hell-vs-vollkorn/ über den Viewport der Seite geht und teilweise der Content abgeschnitten wird.

    Woran liegt das denn und wie kann ich es lösen? :-)

    Vielen Dank für eine Antwort.

    Alex
    ____________________________

    Hello,

    I need help with my table problem please on mobil version. ;-)

    On the homepage of https://einkornmehl-kaufen.de/ the second table is displayed correctly over the full width. She’s perfect like that

    The table on https://einkornmehl-kaufen.de/vergleich-einkornmehl-hell-vs-vollkorn/ goes over the viewport of the page above and some of the content is cut off.

    Why is this and how can I solve it? :-)

    Thank you for an answer.

    Alex

    • This topic was modified 1 month, 1 week ago by Flyingeye78.
    October 14, 2024 at 5:03 am #1469055
    Ismael

    Hey Alex,

    Thank you for the inquiry.

    The second page doesn’t exist. Did you remove it? Please create a test page so that we can check the issue properly.

    Best regards,
    Ismael

    October 14, 2024 at 12:12 pm #1469073
    Flyingeye78

    Hello and sorry. My mistake. The page is: https://einkornmehl-kaufen.de/unterschied-einkornmehl-hell-vs-vollkorn/

    The table under points 1, 2 and 4 is cut off to the right on mobile (iphone 12). It is displayed correctly again under points 3 and 5.

    October 16, 2024 at 9:10 am #1469199
    Ismael

    Hi,

    Thank you for the inquiry.

    Please edit all the Text Blocks with the table element, go to Advanced > Developer Settings panel, apply the name “av-custom-text-table” in the Custom CSS Class field, then add this css code to make the tables scrollable in mobile view.

    .av-custom-text-table {
    overflow: auto;
}

    Best regards,
    Ismael

    October 16, 2024 at 5:46 pm #1469255
    Flyingeye78

    thanks for the input. Thanks to that it has led me to this solution
    table {
    table-layout: fixed;
    width: 100%;
    }
    td, th {
    font-size: min(16px, 3vw);
    }
    td, th {
    padding: 8px;
    border: 1px solid #ddd;
    }
    now it works great. Thanks again.

    October 17, 2024 at 5:42 am #1469282
    Ismael

    Hi,

    Great! Glad to know that the issue has been resolved. Please don’t hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tabelle wird auf Mobilnicht richtig angezeigt – Table is not displayed correctly’ is closed to new replies.