Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 8, 2024 at 3:06 pm #1429565
    maryenvato

    Hi,
    I need to create a product technical sheet that has a table; in desktop mode, the table is displayed well, unlike on mobile; so I found a solution for mobile by copying the table into a text block, but I can’t set the width of the first column to prevent the texts from overlapping the texts of the second column. or i can’t se the font dimension of the first column.How can I solve this problem?
    Looking forward hearing from you .
    Best regards
    Ms

    January 9, 2024 at 5:35 am #1429617
    Ismael

    Hey maryenvato,

    Thank you for the inquiry.

    We can add a few css modifications in the Enfold > General Styling > Quick CSS field to adjust the style of the first column on smaller screens. Please start with this css code.

    @media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
  .av_textblock_section.av-lr4yjeic-cd8285095e8d65e185685adbb051d6f7 table th.avia-desc-col {
    font-size: 0.9em;
    word-break: break-word;
    width: 130px;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after applying the modification.

    Best regards,
    Ismael

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