Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 18, 2024 at 2:30 pm #1437482
    Andrea
    Guest

    Good morning,

    I’m building the site https://www.romacittaperta.com/ with enfold and the desktop result seems excellent, apart from some small malfunctions on the last row of the tables. The problem is that mobile responsive viewing has a terrible user experience, you can do everything, but using the site is terrible. Frankly speaking, I’d rather get a similar result to checking the desktop website on chrome! It wouldn’t be much smartphone style, but at least the usability would return to decent levels.
    Do I need to ask you for specific assistance on the project for this or is the classic forum support enough that I have to renew?

    Thanks for the attention
    Andrea

    March 19, 2024 at 10:48 am #1437536
    Ismael

    Hey Andrea,

    Thank you for the inquiry.

    The cells of the table do not respond or resize correctly on mobile view due to the height adjustment in the following css code:

    .pricing-table>li {
    border-color: var(--base1-color)!important;
    font-size: 18px!important;
    font-weight: bold!important;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    margin: 0 auto;
}

    Please adjust the height property from 100px to auto and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

    Best regards,
    Ismael

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