Tag: Page Builders

LearnDash Focus Mode Edge-to-Edge Content for Page Builders

In our Design Upgrade Pro plugin, we offer the ability to set LearnDash Focus Mode content to run from edge-to-edge. The left navigation bar will still be present, but the rest of the content area will span from the right edge of the navigation, right up to the right edge of the user’s browser.

This is great for those creating content with page builders. You can use your own spacing via the page builder elements/widgets, and build more creative layouts.

Our plugin only provides the option to do this globally, for every single piece of content in Focus Mode. This includes all lessons, topics & quizzes. But what if you want to only apply it to topics? Or only to quizzes? This tutorial will show you how.

LearnDash Content Width & Page Builders

If you’re using a page builder like Elementor or Beaver Builder with LearnDash, you might be having an issue with your LearnDash course page. The content you add via Elementor is centered on the page, but the LearnDash progress bar at the top, and the “Course Content” table at the bottom, are stretched out to 100% of the screen.

Take a deep breathe. I’ll show you a really simple fix that takes under a minute.

Create a LearnDash Course Page Template with Elementor Pro

If you’re using Elementor with LearnDash, and you like to tinker with your layouts, this one’s for you. We’re going to walk you through setting up a course page template using Elementor Pro’s Theme Builder. This only works with the Pro version, so if you’re still on free and want to give this a try, upgrade to Pro →