responsive download problem

Hi,

thanks for your question, and sorry for the trouble.

The file that you download is the actual ZIP file that you can install as a plugin ??

Regards,
Tobias

Hi,

I was using [table id=1 responsive=”all” /] but the elements are not shown correctly.

Thanks Regards

Hi fufimaki,

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi Tobias,

I haven’t activate the website I am using it by my own, I mean I have changed the host file on windows to see how the website looks like and then activate it.

Once I activate it, I’ll send you the link.

Thanks
Regards

Hi,

yes, that sounds good! Please let me know once the site is live and I’ll take a look!

Best wishes,
Tobias

Hi TobiasBG,

I have put the site live and the table is not becoming responsive,here is the link that show the table.

https://pizzeriaveronapanama.com/ingredientes-2/

Hi TobiasBG,

I just remove responsive=”phone” on th page and worked fine.

Thanks
Regards

Hi,

yes, that mode will not really work, as your table has connected cells in the first row.

Best wishes,
Tobias

Hi TobiasBG,

One more queestion, why is that on mobile this section https://en.pizzeriaveronapanama.com/ingredients/ is shown better responsive than on this one https://pizzeriaveronapanama.com/ingredientes-2/.

On the spanish section, you’ll see that the lasy column shows part of the information and the table is not center as the english section.

Thanks
Regards

Hi,

there are JS errors, as you have enabled the “Use DataTables” checkbox on the table’s “Edit” screen. This won’t work here, as the table uses merged cells in the header row.
Please uncheck that checkbox.

Then, please try the scroll mode of the Responsive Tables Extension. That should work best here.

Regards,
Tobias

Hi,

I have uncheked it, when you say “try the scroll mode of the responsive tables extension”, it’s the Horizontal Scrolling option?

Thanks
Regards

Hi,

yes, it is horizontal scrolling, but with a different technical implementation than the “Horizontal Scrolling” checkbox on the table’s “Edit” screen.

Regards,
Tobias

Hi,

You mean to do the horizontal scrolling so in this case it gets activated and users can scroll to see the information?

But why is that on this one https://en.pizzeriaveronapanama.com/ingredients/ it fits fine with no horizontal scrolling mode?

Thanks
Regards

Hi,

yes, my suggestion is to turn on the horizontal scrolling.

Your link is not actually working on all phones. On small screens, the content is cut off.
That it works on your phone is simply a result of the lengths of the words and where the browser is able to insert line breaks between those words.

Regards,
Tobias

Hi,

I understand now!!

Thank you so much, btw…I really appreciate your support, you give quick answers.

Regards