Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #166555

    Hi,
    on http://energiefrey.de/produkte/angebotscheck/ i am using a table to present different products in comparison. Looks great on PC, Mac and iPad, but when it is viewed on any mobile phone, the cells all get messed up.

    Is there any way to keep the columns 1-4 next to each other instead of stuffing them one underneath the other?

    Thanks for your advice.

    Regards, Sebastian.

    #167262

    Hello mirzepapa!

    Please add following code to Quick CSS in Enfold theme options

    .responsive div .avia-data-table td { border-top: inherit; border-right: inherit; border-left: inherit; }

    then in your WordPress theme directory, go to Enfold > Css folder and open shortcodes.css file and find following code in line 1073

    .responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}

    and change it to

    .responsive div .avia-data-table th{ border-top:none; border-right:none; border-left:none; text-align: center;}

    Cheers!
    Yigit

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘tables in responsive mode’ is closed to new replies.