[Support request] Mega Menu Link Color and text space

[Atefan]

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

[David]

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;
}

[Atefan]

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

[David]

Ooops… i updated the CSS above:

https://generatepress.com/forums/topic/mega-menu-link-color-and-text-space/#post-1910882

[Author]

Posts