Change Header Menu Custom Link Color (on mobile)

[bradkerin]

Hi there,

I have added a custom menu link to my header menu, and have changed its color using the global CSS code in Customiser below (and adding ‘register-color’ as a CSS-Class in the custom menu link):

.x-navbar .desktop .x-nav > li.register-color > a {
color: #fabc33;
}

Unfortunately it doesn’t show up as the ‘#fabc33’ color on the mobile (.x-btn) drop down menu. Are you able to advise the right code I would use to make it appear the same color across the whole site menu (desktop or otherwise)?

Thanks so much for your help!

[ruenel]

Hello There,

Thanks for writing in! Your code will only work for desktop screens. Please have it updated and use this instead:

.x-navbar .desktop .x-nav > li.register-color > a,
.x-navbar .mobile .x-nav > li.register-color > a  {
   color: #fabc33;
}

Please let us know how it goes.

[bradkerin]

Thanks so much for coming back to me so quickly!

Unfortunately that didn’t change the colour - the ‘Register’ button is still a dark blue on mobile, instead of the yellow (#fabc33) colour.

Any thoughts?

[thai]

Hi There,

Your website is not accessible right now.

Could you please double check?

Thanks.