Lesson Listing Disappeared on Groups Course Page When Using Sensei Modules

[W David Bayless]

I recently organized my lessons into Sensei modules. (See first attached screenshot.) Now, when I navigate to the “Course” tab of the BuddyPress “Groups” menu associated with the course, I see a blank where the lesson listing used to be. (See the second attached screenshot.)

Here’s the where the course listing used to be:

http://humanscalebusiness.org/groups/navigating-the-valley-of-broken-dreams-group/experiences/

I really want to be able to use the modules functionality. Any suggestions?

[Giuseppe]

i have the same problem, when user click on Course Tab button, the lesson and text disappear.

[BusinessPapers]

This may sound rudimentary, but did you scroll down? I’ve got a similar problem – the lessons aren’t gone, but they are displaced way down the page for some reason. It’s still a problem, but at least the lessons are there.
See the attached screen shot.

[W David Bayless]

Good catch, @davejay! Curiously enough, when I scrolled way down the page, just the second of two modules appeared with listed courses (see attached screenshot).

[Giuseppe]

I have a lot of text in course description so i need to scroll a lot. I don’t think is a good solution 😀

[Anonymous]

Hi @peppe-sapienza @dbayless @davejay , might be there is padding added for entry-content and attached-media , in the absence of course description and course media we are getting those spaces visible. I will ask developers to check them quickly.

Regards

[W David Bayless]

@vapvarun, the other day you wrote:

I will ask developers to check them quickly.

Anything new?

[Anonymous]

Hey @dbayless, I had just suspected but it was not due to extra padding. please paste the urls of courses on which you are getting those extra page gaps.
Regards

[W David Bayless]

@vapvarun, I’ll send you a private message with the login information you’ll need to see the relevant page.

[Anonymous]

Hey @dbayless , please add following to custom css

.single-course .post.module {
  overflow: visible !important;
}

Regards
Varun Dubey

[W David Bayless]

Thanks, @vapvarun! The custom CSS fixed the problem when the page is viewed using my desktop Chrome browser.

Before inserting the custom CSS, I looked at the page using a variety of browsers. Even before inserting the code, the page rendered correctly when viewed using my mobile browsers (Chrome on Android and Safari on iOS) and desktop Explorer. On the other hand, there was the missing course module and the big gap when viewed using desktop Chrome or desktop Firefox.

After inserting the custom CSS, the page looks fine with mobile Chrome and Safari and desktop Chrome and Explorer. It looks “mostly” fine in Firefox, except that the Home/Course/Members/Send Invites/Manage BuddyPress menu is now missing (see attached screenshot).

I hope this helps in the debugging process somehow.

[Anonymous]

hi @dbayless, you can remove my custom css and wait sometime for proper solution, i have submitted it as urgent issue.

Regards
Varun Dubey

[W David Bayless]

Thanks, Varun. I think I’ll keep your code in place for the time being. The Foxfire menu glitch is better than the Chrome gap. I’m looking forward to the next release.

[Giuseppe]

@dbayless and @vapvarun

i fix this problem with this custom css:

.group-single.single-course #buddypress div#item-nav {
    float: none;
}

before float was left, i have changed with none.

[W David Bayless]

Thanks, Giuseppe.