Moodle 3.11 Boost
In Lesson, is there a way to eliminate breadcrumbing navigation and maybe even reduce the size of the Lesson Title? Especially on a phone, but even on a PC, the student would need to scroll down to see each page because of the amount of space used by breadcrumbing and Title of the Lesson. A screenshot of my large phone, student role, barely shows the start of the lesson on the page.
Hello Cindy,
Add the following code to Site administration / Appearance / Additional HTML / Within HEAD:
<!-- Use no-nonsense jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> // Wait for the document to be loaded. $(document).ready(function() { // Check if the URL contains "lesson", i.e. check if the page is part of a lesson. if (window.location.href.indexOf("lesson") > -1) { // Hide the breadcrumb. $(".breadcrumb").hide(); // Reduce the size of the lesson icon. $(".modicon_lesson").css({"width":"30px","height":"30px"}); // Remove the superfluous icon name label "LESSON". $(".page-header-headings div").hide(); // Reduce the size of the Lesson title (smaller-->>h3, h4, h5, h6). $(".page-header-headings h1").attr("class", "h5"); } }); </script>
You can keep or remove "#page-navbar .breadcrumb {display: none;}", it won't make any difference.
Then, instead of that, you will get this
All of the above relates to Moodle 4.1. Feel free to ask me if this doesn't work with Moodle 3.11.