Archived topic
Mega Menu Link Color and text space
3 replies · Started by Atefan on August 27, 2021
Hello,
I added the mega menu
But the first title, in mega menu, of column, is non-clickable, but I have this hover effect, white text - hover black, which I don't want.
It should be text fixed orange color only, for each column title. Is this possible?
Then when you scroll to the top, you will see the mega menu is narrow, then on the sticky menu, it opens the full view.
But in the narrow view of the mega menu, the long text link falls on each other.
How can I enlarge the space, so the text is easier to read?
Thank you
Hi there,
edit your Menu, the menu items you DO NOT want the hover effect for, give them a CSS Class of: column-title
You can then use this CSS to style them:
.main-navigation ul li.column-title > a,
.main-navigation ul li.column-title:hover > a {
color: #000;
}Hi David,
This has been not working, have a look at the images.
https://ibb.co/zJ8n8LR
https://ibb.co/QKvyXy5
Only the title column should be one different color.
and when I hover over the column, all change color.
Regards
Ooops... i updated the CSS above:
https://generatepress.com/forums/topic/mega-menu-link-color-and-text-space/#post-1910882
