Change the menu colors

Hi support guru,
I have a question, currently use Illdy and try to find out how to change the color of main menu, also hovering color of it. My site
Best regards, Auspecs.

I just see your web site. In the about section, who can you delete the skills widget? I just deleted it but stills appears…
(Sorry for the off-topic)

Found out :slight_smile:
It look like this I think

#header .top-header .header-navigation ul li a {
color: #5200aa;}

#header .top-header .header-navigation ul li:hover a {
color: #ffde00;
}

I have one more question, how to change the mobile icon color with 3 balks, as it white by default?
found this code, but It didnt realy change anything and constantly makes says its mistake in this code:
@media only screen and (max-width: 992px) .open-responsive-menu .fa {
color: #000;}

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Appearance -> Customize -> Additional CSS

/*change color of menu bars on mobile devices*/
@media (max-width: 768px){
.open-responsive-menu .fa {
    color: #3e3d3c;
}
}

Best regards,
Support.

Hi best support team!
Thank you! the small bar change it color))!
May I ask one tricky question?
There is a header balk above if I add this code to custom css:

#header .top-header {
background-color: white;
padding-bottom: 17px;
padding-top: 8px;

Can I change it to the custom shape balk, so the logotype will be on it and menu not?

Alredy tried different tricks: Logo on white BG (but it appears logo skaled and not attached to the beginning of the page) than BG change( I left a white space in the corner buuut))) the layout is liquid and with scaling menu is no more visible as it white))

Thank you for your patient!
Cheers Auspecs!

Hello there,

I hope you are doing well today.

I am not really understanding this, So you want to have the white header background behind the menu but above the logo?

Best Regards,
Support

Hi support mate!
Yes, if it’s possible, make a balk sticked to the top with custom shape? I thought to use the pre made balk from gallery? Just don’t know how to write the path to it… as it also should be liquid…
Many many thanks for your patience!
On a print screen I managed the BG so far, but on different browsers logo no longer on a white space…
Best regards Auspecs.

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change header color and menu text color*/
.top-header {
    background-color: white;
}
#header .top-header .header-navigation ul li a {
    color: black;
}

Best regards,
Support.

Probably Its a different supporter:) In the posts above I sent exactly the same code.
I need to make this header with a custom shape… not like a balk. So If its possible using the balk from gallery or just add the coordinates so it would be nice white space in the left corner?
Thank you for your patience.
Best regards Auspecs.

Hi support mate!
I tryed this Css))) But It keeps sending an error… did I do something wrong?

#header .top-header
{ background-image: url http://decem-studio.com/wp-content/uploads/2017/12/Balk_1-01.png !important;
}

Kind regards Auspecs

Hello there,

I hope you are doing well today.

Try this CSS instead:

#header .top-header
{
background: url( http://decem-studio.com/wp-content/uploads/2017/12/Balk_1-01.png);
!important;
}
Best Regards,
Support

Hi, support team!

I want to change my menu color because my jumbotron image is white too. I just try all CSS code that you suggest but is still white!

Please help me!

Here’s my site so far: http://mrc-braga.pt/
Vânia

Hello there,

You can use the following CSS code to change the font color in the menu by going to Appearance > Customize > Additional CSS and pasting it there.


/*Menu color*/
#header .top-header .header-navigation ul li a {
    color: #000;
}

Best Regards,
Support

Thank you for your answer, but still not working… I don’t know if I’m doing something wrong…
Can you verify on my screenshot, please?

Hello there,

You need to add a “}” at the end of the code to close it.

Best Regards,
Support

Hello!
Still not working… I will search how to fix it…
thank you, anyway!

Hello there,

Understood.

Pleas try using this code instead:


#header .top-header .header-navigation ul li a {
    color: #000 !important;
}

Best Regards,
Support

I tried… still not working. I don’t know what possibly can be wrong! :frowning:

Hello!!

It works now!! Thank you very much!!

Hey there,

Great! Glad you got it. Let us know if there’s anything else we can assist you with.

Regards,
Support