removing items from the ion-side-menu

removing items from the ion-side-menu

von Elton LaClare -
Anzahl Antworten: 3

Hello,

Is there a way to remove items from the ion-side-menu using only CSS? I'm thinking of something like the display property (e.g., display: none). 

Users of our Moodle frequently make use of the app's Help item, but this directs them to the Moodle Mobile page of moodle.org. We have our own help documentation which the students know how to access. To prevent confusion, we would simply like to remove 'Help' from the side menu. Is this possible with just CSS? If so, could you provide the appropriate base selector to create the rule?

Thank you.

Mittelwert: -
Als Antwort auf Elton LaClare

Re: removing items from the ion-side-menu

von Manjunath Moodle -

Hi Elton,

   Assuming number of items in the side menu list is same as what is provided by default moodle mobile app, you can put below code in your remote css file -


ion-content.has-side-menu-header.mm-sidemenu-menu li:nth-last-child(4) {
   display: none;
}
this will hide 4th "li" element from the bottom (which is Help link).

   

Mittelwert: -
Als Antwort auf Manjunath Moodle

Re: removing items from the ion-side-menu

von Elton LaClare -

Thank you very much! This solution worked perfectly! This will save our users a lot of time and confusion.

Mittelwert: -
Als Antwort auf Manjunath Moodle

Re: removing items from the ion-side-menu

von Elton LaClare -

Thank you very much! This solution worked perfectly! This will save our users a lot of time and confusion.

Mittelwert: -