Archived topic

Hover items in navigation in bold

5 replies · Started by Eloy on September 20, 2017

Viewing posts 1–6 of 6

September 20, 2017 at 1:11 am #388495

Hi,

I'm trying to have my hover items as well as selected items in navigation in bold. I tried this on the css but is not working. What am I missing?

.widget-area .main-navigation li a:hover {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 16px;
}

Thanks,

Eloy

September 20, 2017 at 8:01 am #388815

Hi there,

Can you try the same selector as Menu Item Hover here? https://docs.generatepress.com/article/changing-navigation-colors/

September 20, 2017 at 2:46 pm #389055

Not working. I think it's something related with color selected.

The website is boatpartybarcelona.com and I'm usig all addons.

Kind regards,

Eloy

September 20, 2017 at 4:14 pm #389072

Not seeing the CSS being added?

It should be something like this:

.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus,
.main-navigation .main-nav ul li.sfHover > a {
	font-weight: 1000;
    font-size: 25px;
}

September 20, 2017 at 4:20 pm #389075

I tried using the same font size but it's still not working

September 20, 2017 at 7:26 pm #389114

This is very strange. Do I have the same set up here? http://www.screencast.com/t/UCy0JmzSg

The same code for some reason is working for me.

Let me know.

This archived topic is closed to new replies.

Start building better websites today.