Menu Bar and Menu Hover Colours

[Rachel Maytum]

Dear Theme Eye Support,

I have three issues needed solving. We have changed the secondary colour to white. I have managed to change all the colours except for three areas:

1. I can’t seem to change the Menu Button for the iPad and phone version to Black. It’s currently white, the same colour to the menu background and therefore can’t be seen.

2. Whenever I hover over the menu text, it doesn’t change colour even though I have set it to change colour when you hover over the text.

3. While editing the site the top WordPress bar and the text is black so it hard to navigate (it changed when I change the text to black for the theme). Don’t know how to change the text on the top part of the bar to white. It’s okay when I click back to dashboard, the text is white when I do that.

Here is the website: https://www.pevbit.com/

Your help would be much appreciated.

Rachel

• This topic was modified 2 years, 9 months ago by Rachel Maytum.

[support]

Hi,

1. I can’t seem to change the Menu Button for the iPad and phone version to Black. It’s currently white, the same colour to the menu background and therefore can’t be seen.

Reply: Add the below CSS to change the color of the menu icon. To add CSS follow the steps below.

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

@media screen and (max-width: 1024px){
.toggle-nav i {
font-size: 29px;
color: #000;
}
}

2. Whenever I hover over the menu text, it doesn’t change colour even though I have set it to change colour when you hover over the text.

Reply: Could you please share the color code. So that we can provide you with CSS

3. While editing the site the top WordPress bar and the text is black so it hard to navigate (it changed when I change the text to black for the theme). Don’t know how to change the text on the top part of the bar to white. It’s okay when I click back to dashboard, the text is white when I do that.

Reply: Could you please let us know do you want to change the color of the text in the screenshot below

https://tinyurl.com/yjsouf77

Thank you

[Rachel Maytum]

Hi, sorry for the delay. I’ve been busy working.

Thank you so much! 1. worked a charm.

2. Here is the colour code for hover over the menu text #71be24

3. No! It is to do with the WordPress dashboard, not the actual looks of the website. You have to be logged in as admin to be able to see it at the top.

We had some 404 error pages today. I managed to get the pages to show up properly again when I came back from work by removing a plugin but now the mobile menu is extremely slow to load. Is there any suggestions you can give? I find the cache plugins that help to speed up the pages cause the site to break with 404 errors.

Thank you for your help.

[support]

Hi,

2. Here is the colour code for hover over the menu text #71be24

Reply: Add below CSS in additional CSS to change the hover color

.menubar .nav ul li a:hover {
color: 71be24!important;
}
3. No! It is to do with the WordPress dashboard, not the actual looks of the website. You have to be logged in as admin to be able to see it at the top.

We had some 404 error pages today. I managed to get the pages to show up properly again when I came back from work by removing a plugin but now the mobile menu is extremely slow to load. Is there any suggestions you can give? I find the cache plugins that help to speed up the pages cause the site to break with 404 errors.

Reply: We did not found any such issue mentioned

Thank you

[Rachel Maytum]

Unfortunately the CSS for the hover colour over the menu doesn’t work. Doesn’t change colour when you hover over the menu text.

Also I’ve noticed the arrow button that is located on the right bottom side, is completely white, doesn’t show the green arrow. Even though when we edit the pages via the customise dashboard it shows up there! Doesn’t show up on the actual website, just the back office.

The 404 pages, I fixed.

[support]

Hi,

1) Kindly follow the steps given below to change the menu hover color

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

.menubar .nav ul li a:hover {
color: #71be24 !important;
}

2) Kindly follow the steps given below to change the scroll top icon color

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

#return-to-top i {
color: #71be24;
}

Many Thanks

[Rachel Maytum]

Thank you so much! Those worked perfectly! 🙂

[support]

You are welcome

[Rachel Maytum]

I have another area that needs an additional CSS. I noticed on the Home page where the product section is, the little circles on the left and right side of the products don’t show the grey arrows. They are just plain white. Hopefully this is the last thing we need help with. We are loving the look of the website. Appreciate all the help you have given. 🙂

[support]

Hi,

Please add the below CSS to change the color of the arrow. To add CSS follow the steps below

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

#products button.owl-next i, #products button.owl-prev i {
color: #000;
}

Thank you

[Rachel Maytum]

Thank you so much!

[support]

You are welcome

[Peter Rijsenbrij]

Hi there,

I have theme Eco Energy Pro: Buttons are orange, Page titles are orange, can I change them into green

Home

• This reply was modified 2 years, 2 months ago by Peter Rijsenbrij.

[support]

Hi,

Follow the steps below to change the color

Go to Dashboard >> Appearance >> Customizer >> Theme Settings >> Typography/general settings >> Gobal color

Thank you

[Author]

Posts