Hi, How do i hide column title for mega menu on mobile view?
Staff replied
Helix Framework
Mega Menu
8 replies
Paul Frankowski Senior Staff
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.
Makameri Asked this
What is the css code to use?
Paul Frankowski Senior Staff
- Add "hideme" class name to that menu item.
- Write me what "column title" is it.
- Then share site URL
BTW
What is your CSS level of knowledge ?
Makameri Asked this
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.
Paul Frankowski Senior Staff
I saw your megamenu structure that is not the perfect one, and it won't be simple.
Easier would be :
- Rename column names into more usefull names (it won't harm SEO, if your site was indexed by Google already)
- OR Redesign whole menu structure to not use "Columns" but only items divided into 3 columns.
Paul Frankowski Senior Staff
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.
Makameri Asked this
What css code can i use to hide the titles in mobile. Is there a reference i can follow?
Paul Frankowski Senior Staff
As I said before, it's not possible in your case.
That's why I shared 3 ideas how to solve it.
Log in to reply.