[discomattParticipant]

Hello,
I am trying to work out how to have the navbar (top menu) as a seperate colour to the header in Ethos stack.

So I can change the header colour to suit my header images (they are PNGs that alternate often) and have a solid colour for the menu bar, distinctly seperating the header from the menu.

Thanks,
Matt

[RadModerator]

Hi there,

Thanks for posting in.

Would you mind providing a sample? Is it alternating navbar color when scrolling? And please provide your site’s URL.

Thanks!

[discomattParticipant]

Sure.
The site is down for maintenance while it is updated.
Here is an example of the issue i’m facing – changing the colour changes both menu and header colour, and i only need to change the menu colour to ‘block off’ the header.

[DarshanaModerator]

Hi there,

I’m sorry, but we have a file-size limit of 512KB per attachment. Could you please use an online tool to share your screenshots (https://snag.gy/), so that we can check.

Thanks!

[discomattParticipant]

this should work…

[ChristopherModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[discomattParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for the credentials but you didn’t provide your site URL yet. Provide this as well.

[discomattParticipant]

Apologies, it’s http://www.joeturd.com

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

body .x-navbar {
    background-color: #da5858;
    border: none;
}

Hope it helps 🙂

[discomattParticipant]

That’s great, but I’m after the yellow that’s in the logo, not a red.
Where can I find the hexadecimal code for these colours?

[JoaoModerator]

Hi There,

If you are looking for your logo exactly clor you need to place the image on Photoshop or similar software and check.

Please try : #fff200

Hope it helps

Joao

[Author]

Posts