Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1101140

    I would like to be able to display the table on my website on tablet portrait.

    The left hand column has the text running over the columns and disappearing and the alignment is wrong. Is there something that I can do to change this? I know there is the option to hide the table but I really would rather show it.


    Hey bauchope,

    Can you give us a link to the page shown in the screenshot?

    Best regards,


    link below – the page for the table is
    Many thanks


    Hi bauchope,

    We apologize for the delayed response.
    I have modified the display in tablet portrait, here are the things I’ve changed on your site:

    1. Checked Show element options for developers in Enfold > Layout Builder.
    2. Edit the table, in Custom Css Class I put mytable
    3. Go to Enfold > General Styling > Quick CSS, then added this css code:
      @media only screen and (max-width: 959px) {
        .page-id-530 #after_section_2 .container {
          padding-left: 0;
          padding-right: 0;
          width: 96%;
        .mytable ul.pricing-table {
          margin-left: 2px;
          margin-right: 2px;
        .mytable .pricing-table-wrap:first-child ul.pricing-table li {
          font-size: 13px;
          padding: 9px;

    Let us know if you need further assistance.

    Best regards,

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

You must be logged in to reply to this topic.