darrmik

Guess chalk it up to being new to Depicter and not noticing the obvious.

Thx

Sorry…found I had not selected Events on the settings page

Thank you for the help. Just knowing that this was a known issue was a big help. With a bit more googling I was able to find the solution.

For the next guy looking for the solution, here is the link that gives step by step instructions. Don’t forget to create a backup before making changes.

https://tmsplugins.ticksy.com//ticket/2417379/

darrmik

Thank you for the help. Just knowing that this was a known issue was a big help. With a bit more googling I was able to find the solution.

For the next guy looking for the solution, here is the link that gives step by step instructions. Don’t forget to create a backup before making changes.

https://tmsplugins.ticksy.com//ticket/2417379/

darrmik

Yep…its the theme.

Is there a class I can add to over ride the theme’s (Porto) formatting?

darrmik

I thought the same thing. I deactivated all plugins except wpDataTables.

Still shows most of the menus as only 1/3 of the screen.

The menus that show FULL PAGE are:
Dashboard
Getting Started
Get Help
Lite vs Premium

All of the other pages are showing 1/3 of the page as shown in the image above.

darrmik

Had a thought this morning. The tables are within an accordion. Just tested one of the tables outside of the accordion and still has the same issue. I left the additional table on the page for comparison/testing.

@maringorama

Sorry, never did figure it out. Had to just make do with what I had. When I get some down time I plan to come back to it and change the theme to Porto. Using it on multiple other sites. VERY flexible theme.

@evillost

Under Appearance -> Customize -> Additional CSS

Thanx to support and their pre-purchase ticket, I found that there were multiple errors in the console (ctrl+shift+i in chrome) when my page loaded.

“…has been blocked by CORT policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.”

With a little research on google, the solution I found was to add a line to my .htaccess file.

<IfModule mod_headers.c>
Header always set Access-Control-Allow-Origin "https://myDomain.com"
</IfModule>

Tables now load on both desktop and mobile.

Thx support

Thx, I just opened the pre-purchase ticket you suggested

darrmik

Update:

If I set the table to display “Excel – Like” then the table loads, shows all the headers for my columns, but there is no data in the table (on mobile, desktop still displays fine.)

After much staring at the code I found the css that will hide all titles from all pages.

.page-title-container .page-header .page-title {
	display: none;
}

Found a method to set the font for the navigation bar.

ul#menu-main a {
	font-family: Westmeath;
}

Simply substitute the name of your menu where I have “main”

Hope this helps someone else.

I used the following css to increase the size of the header as my image was is very large..you should be able to simply use a smaller value to set a smaller size header.

/* re-size header image area */
.page-header {
height: 500px;
}