Table is Not Responsive - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Table is Not Responsive

Nasir Khan

Nasir Khan

SP Page Builder 4 years ago

The following two pages [1] and [2] have the same table contents. [1] is an article created with page buidler and [2] is a direct page from pagebuidler. The problem is one page is showing the table as it shoud be and responsive feature is ok on mobile but another page is not showing properly on mobile devices. how to solve this?

[1] - https://matholympiad.org.bd/math-questions/617-2-secondary-questions-bdmo-national-2020 [2] - https://matholympiad.org.bd/component/sppagebuilder/?view=page&id=351

0
11 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #6368

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please check the screenshot.

https://prnt.sc/z7d8vp

-Thanks

0
Nasir Khan
Nasir Khan
Accepted Answer
4 years ago #6528

I used text and raw html addon within the article to show the table and it did not work. But when i used the same addons within a page it worked as expected.

So the screenshot you provided, is not relavent to the issue i am facing. Can you please check again and help me to fix the issue?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #6616

Did you use the table addon or custom table code? Thanks

0
Nasir Khan
Nasir Khan
Accepted Answer
4 years ago #6641

I mentioend this and also writing here again, I used HTML and Raw addons where I paste a HTML table code, not Table Addon to create the tables.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #7185

Sorry to say that, customization support is fully prohibited from your support policy.

0
Nasir Khan
Nasir Khan
Accepted Answer
4 years ago #7639

I do not understand your reply, can you please elaborate?

0
Pavel
Pavel
Accepted Answer
4 years ago #7650

Hi. I think you need to disable JCH, completely clear the cache of the plugin, joomla and your browser. Using the browser code inspector, determine in which file and on which line the error code. With JCH enabled, it is not possible to identify the problem. Never enable this plugin until development is complete. When asking a question, also disable this plugin and completely clear its cache. Maybe even the problem lies in the JCH itself (which is quite common)

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #7726

Please ignore to use the of third-party code/script. Thanks

0
Nasir Khan
Nasir Khan
Accepted Answer
4 years ago #7770

I do not know whay are you postig irrelevant answers. Do you have any staging environment? did you werr able to reproduce the issue I mentioned here? If you did not try to do that first and I think you may undersnd the situation.

Another big problem is you do not read my replies at all. Did I mentione anywhere on any of my replies that I am using any 3rd partty script?

@Pavel, Please do not write any generic replies at all. The site i referred is not in development mode. It is a production site and I am suddenly found that the Page Builder did not work for tables. I can not disable the cache plugin for you because there is no fiexed timeline to get replies from you.

@Toufiq @Pavel, I used HTML table code not any random script or so. Please read my previous replies and try to reproduce the issue i reported. I can give you the access to the site as well but please stop posting irrelevant replis.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #7775

Will you please check the screenshot?

https://prnt.sc/103lpes

0
Pavel
Pavel
Accepted Answer
4 years ago #7783

Hi, Nasir Khan. You are not being too polite. I wrote you not a general answer, but a specific advice - what exactly needs to be done first. Whenever you make changes to the site, JCH needs to be disabled and its entire cache must be cleared. I think that no one is obliged to help you with this issue, since custom code issues are outside of joomshaper support as far as I know. And I'm just an enthusiast.

Nevertheless, I had to find the cause of the problem. This code at various breakpoints.

article.item {
    display: table;
}

Fix the problem replacing table to block

0