I'm working on a Moodle 2.8.5+ site on a development server using the Essential Theme (184.108.40.206) and we're nearly ready to launch. I've posted several semi-related questions as an "Authentication Forum" post (here) a couple weeks ago but have not had any luck regarding this particular issue:
When viewing the site as a Guest, there are a number of informational pages that can be viewed so that the guest can read about our program before enrolling. The mobile button appears at a certain breakpoint (max-width: 979px) replacing the brand/site name (in our case, it's "MMT"). However, as I don't have (and don't want) any extra custom or user menus defined, nothing happens when the button is clicked since it has no content to display. Ideally, I'd like to either hide the mobile button (for Guests only) and keep "MMT" visible (that would be the best case scenario), or have the button act as a link to the home page when clicked, or have "MMT" appear as a link in a drop-down menu when the button is clicked.
This issue doesn't exist when logged in as a normal (non-Guest) user because the "My Courses" menu appears on the top nav bar and, when in mobile view, it shows up as a drop-down option when the mobile button is clicked (which is great!).
I'm wondering if there's any way to use CSS to target specific roles? I've tried the .notloggedin class, but that isn't a complete solution in this case since as soon one of the informational pages is accessed, Moodle logs the user in as a Guest (which is what we want, so that people can access the info pages directly without needing to log in), and so the .notloggedin class no longer is active.
Any thoughts on this are most welcome.
Full solution in CSS = no. So put your modifications in a child theme and write your own version of layout\includes\header.php.
Ok, good to know! I've attempted setting up a child theme before and felt that it might be a bit beyond my level of experience at this point. I'll keep this in mind though, thank you!