SP LMS - Random Ordering Of Courses On Different Screen Sizes
Chris
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
Toufiq
Accepted AnswerAdd 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
Toufiq
Accepted AnswerHi 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
Accepted AnswerThanks Toufiq, it worked by just applying this as a generic setting and removing the media query size :)
Toufiq
Accepted AnswerWill you please spend some to write a review about our product and support quality?