Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 7, 2016 at 9:07 pm #561500
    Janinifee

    Hallo,

    auf unserer Seite (noch im Wartungsmodus) haben wir mit Portfolio Raster und entsprechenden Einträgen Events platziert. Leider ist die Ansicht auf einer mobilen Plattform der einzelnen Portfolio-Einträge fehlerhaft. Die Tabellentitel wiederholen sich. Auch ist der Button zum Buchen verschwunden. Anbei findet ihr unten den Screenshot der normalen Ansicht auf dem Monitor und die auf dem Handy.

    Danke für die Hilfe!

    Viele Grüße
    Nina

    January 8, 2016 at 2:01 am #561733
    Elliott

    Hi Janinifee!

    We would need to see it in action. Can you send us a link to the page and a login?

    Perhaps you have an empty column in the front or something like that. In those cases something like this might work, https://kriesi.at/support/topic/bug-table-headers-applied-incorrectly-on-media-query/#post-387990.

    Best regards,
    Elliott

    January 8, 2016 at 4:42 pm #562093
    Janinifee

    Hi Elliott,

    please find the login in the privat content.

    Thank you!

    Best regards,
    Janina

    January 10, 2016 at 3:45 am #562577
    Elliott

    Hi!

    Can you send us a link to the exact page? I tried looking around but could not find the table.

    Cheers!
    Elliott

    January 11, 2016 at 11:33 am #563045
    Janinifee

    Hi,
    you can find the events on the startsite (have a look to the private content). Please choice an event and the the different between the normal and the mobile view…

    Thank you!

    Best regards
    Janina

    January 12, 2016 at 4:28 am #563654
    Elliott

    Hi!

    Yeah, it looks like it’s because your using the headings on the left hand side. Try this CSS out.

    td::before { display: none !important; }
th { display: block !important; }

    Regards,
    Elliott

    January 12, 2016 at 12:23 pm #563829
    Janinifee

    Hi,

    thanks, it works, but i still miss the button to reserve on the mobile view…

    best regards
    janina

    January 13, 2016 at 6:25 am #564355
    Ismael

    Hey!

    Please add this css code:

    @media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
    display: block;
}
}

    Regards,
    Ismael

    January 13, 2016 at 12:52 pm #564617
    Janinifee

    Hey Ismael,

    it works – thank you very much!

    best regards
    janina

    January 14, 2016 at 12:44 pm #565357
    Janinifee

    Hi Ismael,

    now is the mobile view perfekt, but not the web view…
    Please help!
    thanks!
    best regards
    janina

    January 15, 2016 at 1:46 pm #566091
    Janinifee

    Hi Ismael,

    we now commented out the first css td::before…

    Is there any other option to display a proper enfold table responsive in standard and mobile resolutions?

    This is urgent for us as our online marketing started and half of our clients use mobiles and half of them the desktop. So we can not afford that half of them get displayed a broken table.

    Best regards

    January 16, 2016 at 8:47 am #566495
    Ismael

    Hi!

    You can set the table to be scrollable on mobile view. Please remove all the css modifications then edit the table element. Set the table purpose to tabular and the responsive styling settings to scrollable. Or you can create your own table manually inside a code block: http://www.w3schools.com/html/html_tables.asp

    Regards,
    Ismael

    January 21, 2016 at 9:17 am #569238
    Janinifee

    Hi,

    thank you. I did it. But: Now long sentence are hidden….
    Please take a look to the site.

    THX
    Janina

    January 22, 2016 at 2:12 pm #570053
    Andy

    Hi!

    I can’t see any hidden sentences? where exactly? can you highlight using screenshots please? (imgur.com, dropbox).

    Cheers!
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.