I am having some problems with the responsive design using Tablepress in Salient theme. I am guessing that something in the css is conflicting with tablepress, making it unable to adjust the layout on all devices. I have deactivated all plugins to see where the problem was, but none of the plugins were the problem. Only by using another theme, the problem was solved. Is this something that can be fixed?
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Even if i switch to the Default Theme the Table is not responsive: http://prntscr.com/q2goa2 since there is no responsive table css in the Salient Theme . Just generic styling .
Would you please look at my second screenshot, where you can see the sourcecode. It looks like Salient is adding some inline css to table cells. It does this no matter which table plugin we use. So the problem is no so much the responsiveness, but rather it seems like there is a javascript, maybe in Salient, that runs and adds inline css to th cells.
We have tested this, where we deactivated all plugins. The problem remained. Then we tested this with other themes and the problem went away. Therefor we think that maybe Salient is adding this extra inline css dynamically somehow. Please view the tables here: http://ckc.ideogidentitet.dk/bevillinger/ The first table is Tablepress and the second table is Wp Responsive Table. The issue occurs in both.
Unfortunately it didn't not have an impact on the responsive design. Neither had the plugin for responsive tables. I had an extern developer to look at the problem, and he still believes that something in Salient is conflicting with tables in general.
Salient should not be adding that inline width CSS, I just tested locally and can see it still getting added with the default WP theme. You can correct the sizing issue by adding the following CSS into the custom css box located in the Salient options panel > general settings > css/script related tab:
I am having some problems with the responsive design using Tablepress in Salient theme. I am guessing that something in the css is conflicting with tablepress, making it unable to adjust the layout on all devices. I have deactivated all plugins to see where the problem was, but none of the plugins were the problem. Only by using another theme, the problem was solved.
Is this something that can be fixed?
Thank you in advance.
Hey Again,
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Thanks
ThemeNectar Support Team
Hey Again,
Even if i switch to the Default Theme the Table is not responsive: http://prntscr.com/q2goa2 since there is no responsive table css in the Salient Theme . Just generic styling .
Best
ThemeNectar Support Team
Try using this plugin or similar : https://wordpress.org/plugins/wp-responsive-table/ .
Best
ThemeNectar Support Team
Hi Tahir.
Would you please look at my second screenshot, where you can see the sourcecode. It looks like Salient is adding some inline css to table cells. It does this no matter which table plugin we use. So the problem is no so much the responsiveness, but rather it seems like there is a javascript, maybe in Salient, that runs and adds inline css to th cells.
We have tested this, where we deactivated all plugins. The problem remained. Then we tested this with other themes and the problem went away. Therefor we think that maybe Salient is adding this extra inline css dynamically somehow.
Please view the tables here:
http://ckc.ideogidentitet.dk/bevillinger/
The first table is Tablepress and the second table is Wp Responsive Table. The issue occurs in both.
Thank you!
Hey Again,
Could you update the Theme and Page Builder and see if that makes a difference.
Bes t
ThemeNectar Support Team
Hi Tahir,
Unfortunately it didn't not have an impact on the responsive design. Neither had the plugin for responsive tables. I had an extern developer to look at the problem, and he still believes that something in Salient is conflicting with tables in general.
Greetings from Camilla
Gonna escalate this to the Developer so he may add in a response.
Best
ThemeNectar Support Team
Hey Camilla,
Salient should not be adding that inline width CSS, I just tested locally and can see it still getting added with the default WP theme. You can correct the sizing issue by adding the following CSS into the custom css box located in the Salient options panel > general settings > css/script related tab:
table td.column-1, table td.column-2 { word-break: break-all; }Cheers
Thank you both so much ofr your help! The word break "spell" worked and I am so thankful for your time :)
Best regards,
Camilla
*Problem solved*