removing items from the ion-side-menu

removing items from the ion-side-menu

by Elton LaClare -
Number of replies: 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.

Average of ratings: -
In reply to Elton LaClare

Re: removing items from the ion-side-menu

by 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).

   

Average of ratings: -
In reply to Manjunath Moodle

Re: removing items from the ion-side-menu

by Elton LaClare -

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

Average of ratings: -
In reply to Manjunath Moodle

Re: removing items from the ion-side-menu

by Elton LaClare -

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

Average of ratings: -