Different rollover colour for naked header?

[a1astair]

Hey guys,

I’m creating a new homepage with a naked header: http://www.howtobuyanengagementring.com/home-2-0/

The background is my brand colour, which I use as the rollover colour for the regular, non-naked header.. However, when you roll over on the naked homepage header, the text is the same colour as the background, so disappears.

Would it be possible to make the rollover colour white for the naked header, and then revert to the regular colours when the header switches?

Thanks!

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.naked-header nav .menu > li.menu-item:hover > a {
  color: #fff;
}

– Kyle

[a1astair]

Hi,

Thanks for this and sorry for the late reply, but this doesn’t seem to be working – the rollover state is still the same green as the background

http://www.howtobuyanengagementring.com/home-2-0/

Is there any other CSS that we could try?

Thanks you!

Alastair

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu > li.menu-item:hover > a {
    color: #fff !important;
}

Thanks
Mohammad

[a1astair]

This reply has been marked as private.

[Kyle – SUPPORT]

Check now

– Kyle

[a1astair]

Perfect! Thanks so much Kyle

[Mohammad – SUPPORT]

Hi,
Great thanks to Kyle 🙂 .
Thanks
Mohammad

[a1astair]

Hi Kyle,

Sorry, that did work perfectly on the naked header page, but it has also changed the rollover state on other pages to white from the original rollover colour of #6cc8be e.g. on http://www.howtobuyanengagementring.com/education

Is it possible to have the white rollover state just on the naked header?

Sorry for the fiddliness and thanks again for your help

Alastair

[Mohammad – SUPPORT]

Hi,
Please use this custom css code instead of last one.

.naked-header nav .menu > li.menu-item:hover > a {
    color: #fff !important;
}

Thanks
Mohammad

[a1astair]

Perfect! Thanks guys

[Kyle – SUPPORT]

No problem

[a1astair]

Hi,

Sorry to drag up an old thread, but something that I thought was resolved actually isn’t.

I’m trying to get to a stage on this page http://www.howtobuyanengagementring.com/home-2-0 where:
Homepage naked header: menu rollover state is white
Homepage sticky header as you scroll down page: menu rollover state is #6cc8be

All other page: menu rollover state is: #6cc8be

At the moment the homepage naked header is white, but as you scroll down and it turns into the sticky header, the rollover stage is still white.

Is it possible for the naked banner rollover to be white, but the sticky header on the same page to be #6cc8be ?

Thank you for your help, as always

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.naked-header .is-sticky nav .menu > li.menu-item:hover > a {
    color: #6cc8be !important;
}

Thanks
Mohammad