Compatibility issue between Woodmart theme and Tutor LMS

Hi, I have a client’s website built with the Woodmart theme, and we are experiencing a major compatibility issue with Tutor LMS which, according to your documentation, should be fully compatible with the theme, mostly on tablet devices.

I have tested extensively, including:
– checking server files
– changing PHP versions
– disabling/enabling plugins to detect conflicts
– removing all custom code
– and finally, switching to a different theme for testing.

When I switched to the Blocksy theme, the issue disappeared completely both in Spotlight Mode and without it.

The problem:
In Spotlight Mode, the course navigation menu becomes unscrollable, it freezes and prevents the user from seeing all the lessons. When Spotlight Mode is disabled, the menu still does not work correctly. It is not full-width, is treated as a popup, and becomes extremely laggy.

Clearly, something in the Woodmart theme is interfering with the proper functioning of the course layout and navigation in Tutor LMS. Could you please check and let me know or help to find which module or functionality in the Woodmart theme is causing this conflict?

I have created a staging version of the website for testing purposes. I am providing access details in the panel visible only to moderators, along with screenshots showing the issue when using the Woodmart theme and how it works correctly with Blocksy.

I would appreciate it if we could skip the obvious troubleshooting questions, as I have already gone through every possible step before narrowing it down to the fact that something in the Woodmart theme is causing the problem.

screen no.1 woodmart theme x spotlight mode on
screen no.2 blocksy theme x spotlight mode on/off
screen no.3 woodmart theme x spotlight mode off
screen no.4 spotlight mode activation

Attachments:

You must be logged in to view attached files.

Hello,

As we can see, the spotlight mode is currently active, but there are no issues with the course display. Here is a video https://gyazo.com/bac14e5ff0c2cab0d5c358e6d25feca4
Could you please clarify if we did something wrong?

Kind Regards

Exactly, that’s the issue, and your video shows it. If you look closely at the menu, you’ll see that the remaining module titles disappear and you can’t scroll down to them – they’re being cut off

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

body.lesson-template-default {
min-height: calc(100vh - var(--wd-admin-bar-h));
}

body.lesson-template-default.sticky-toolbar-on {
	padding-bottom: 0 !important;
}

body.lesson-template-default.sticky-toolbar-on .wd-toolbar {
	display: none;
}

Ohhh!!! ❤️ it works perfectly now! thank you so so much, you’re the best!

One more question, is there an option to make te content fit the screen? Now it\’s (on all devices) very tall, no matter which lesson

Attachments:

You must be logged in to view attached files.

Hello,

Could you please check how it works with other themes to see if WoodMart affects these styles somehow?

Kind Regards

[Author]

Posts