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

    Hello,
    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.

    http://www.sweatboxdundee.co.uk/wp-content/uploads/2019/05/ipad-mini.jpg

    #1101532

    Hey bauchope,

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

    Best regards,
    Nikko

    #1101717

    link below – the page for the table is http://www.sweatboxdundee.co.uk/join/
    Many thanks

    #1102675

    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,
    Nikko

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

You must be logged in to reply to this topic.