Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #734821

    Hi Kriesi

    I am using the Aviva page builder and the Table Content Element in some of the pages on a site I am building.

    The problem with the display arises when the site is displayed on a smart phone. The titles remain and display one on top of the other so it doesn’t make any sense.

    I have looked at other themes and their handling of table display and they seem to be different and make an adjustment for the smart phone view.

    Can you help me sort this out please?

    Many thanks
    Helen

    #734903

    Hey helban!

    Thanks a lot for contacting us, we do appreciate it.
    That is how Kriesi ( and a way to showcase tables ) has picked the theme to work.
    What other change you want to do? If you can show us we cna help you – or if it is a lot of work, you can always use a different table, like TablePress or hire a freelancer to customize that one.

    Let us know if we can do anything else.

    Regards,
    Basilis

    #734907

    Hi Basilis

    Well its too late now to use other things as it is all approved and launched so I need to make that one work properly. It may be how you have picked the theme to work but it is not right, in other words it doesn’t work in mobile view!

    I can’t hire a freelancer as the price is agreed with the client so there is no budget.

    Can you advise how I can alter the functions or styling to adjust it.

    Many thanks
    Helen

    #736221

    Hi,

    Please edit the table then set the Table Purpose to “tabular” and the Responsive Styling option to “scrollable”. This will disable the script that modifies the table layout on mobile view.

    Best regards,
    Ismael

    #736641

    Thanks Ismael

    I have followed your instructions but the table looks very messy as it overlays the text from one column over another. Can you please help sort this out.

    Many thanks
    Helen

    #738177

    Hey!

    I checked the table but it’s not set to “tabular”. Please create a test page or post the login details here so that we can see the issue.

    overlays the text from one column over another.

    We can probably fix it with a simple css modification.

    #top .avia-table td {
        text-align: center;
        word-break: break-word;
        word-wrap: normal;
    }

    Regards,
    Ismael

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