Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 26, 2013 at 11:37 am #166555
    mirzepapa

    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.

    September 27, 2013 at 7:32 pm #167262
    Yigit

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘tables in responsive mode’ is closed to new replies.