SP LMS - Random ordering of courses on different screen sizes - Forum | JoomShaper
Solved Extensions

SP LMS - Random ordering of courses on different screen sizes

Asked by Chris 4 years ago Last activity 4 years ago

Hi,

The last update of SP LMS slightly changed the layout of a Courses menu item type.

It used to keep each course to the same height, however now it is adjusting the height based on intro text - this isn't a major issue (though it looked neater before!), however, on different screen sizes and tablet screens, the ordering gets mixed up.

If I number each lesson, you can see the ordering break.

I have linked to 3 screenshots of what happens to the ordering on different screen sizes - the menu item is set to 'Ordering > Ordering' and the lessons are all manually ordered correctly (as shown in the main correct screenshot)

I'd be keen to find a way of avoiding this issue if possible, as even with the numbers in the titles, feedback from users has said it is a little confusing.

For interest, the site is running Helix Ultimate 2/Joomla 3 - all latest versions.

Thanks for any help :)

PS - not being able to attach files here is really frustrating ;)

Chris

Accepted answer

Marked as the solution
Toufiq Senior Staff
4 years ago

Add this css code as inside your custom.css file. 

@media screen and (max-width: 900px) and (min-width: 320px) {
.splms-courses-list .splms-course {
    border: 1px solid #E1E7EC;
    margin-bottom: 30px;
    height: 580px !important;
    border-top: none;
    }
}

You can change height size for different media query size wise

4 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
4 years ago

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon. 

-Thanks

Chris Asked this
4 years ago

Popped it in the hidden content :)

Chris Asked this
4 years ago

Thanks Toufiq, it worked by just applying this as a generic setting and removing the media query size :)

Log in to reply.