Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 15, 2019 at 5:44 pm #1101140
    bauchope

    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

    May 16, 2019 at 5:24 pm #1101532
    Nikko

    Hey bauchope,

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

    Best regards,
    Nikko

    May 17, 2019 at 10:53 am #1101717
    bauchope

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

    May 21, 2019 at 5:16 am #1102675
    Nikko

    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

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