Hi Makameri,

As I know, only via Custom CSS. So you have to know menu item unqiue class name and use @media for mobile view to hide it.

What is the css code to use?

1. Add "hideme" class name to that menu item.
2. Write me what "column title" is it.
3. Then share site URL

BTW

What is your CSS level of knowledge ?

The URL is www.gu.ac.ug I was able to hide the column titles on desktop view but failed on the mobile view.

My CSS knowledge is basic.

I saw your megamenu structure that is not the perfect one, and it won't be simple.

Easier would be :

1. Rename column names into more usefull names (it won't harm SEO, if your site was indexed by Google already)
2. OR Redesign whole menu structure to not use "Columns" but only items divided into 3 columns.

As alternative, 3rd option can be to open all submenu items by default in Mobile Menu and then hide column titles. Yes, also by using custom CSS. This also not harm site SEO Google index.

What css code can i use to hide the titles in mobile. Is there a reference i can follow?

As I said before, it's not possible in your case. That's why I shared 3 ideas how to solve it.