Primary Navigation Menu issues

[Daniel Tveit]

Hi.

First of all: Love the theme!

But I have two problems with the primary navigation menu.

1. When i set the header style to “Header Style 2” i can’t change the “Menu Hover Background” color. I can change it when i’m in “Header Style 1”.
2. I can’t see any difference when changing the “Primary Navigation Style” 1 through 5.

Thanks for any help! 🙂

[hide]My webpage[/hide]

[Shekhar Bhandari]

Hi Daniel,

It seems there is bug in the menu hover background customizer, we will be updating the theme soon, till then can you provide us the ftp details of your site so we could make that fix in your part.

and regarding the primary navigation style, the style only works when the header style is set to 1

Do have a question if you have any?

Thanks

[Ellen]

Is this still an issue?
I’m not able to see a difference in any of the Navigation styles
When in Header Style 2 I can’t change the background
Menu Hover background isn’t changing either.

Using v 1.1.0

[Binaya D]

Hi Ellen,

Thank you for contacting Styled Themes Support.

It seems like you are using an outdated version of the theme, so we request you to update the theme to the latest version and let us know if the problem still exists?

You can view this link for updating process: https://www.styledthemes.com/wordpress-tutorials/410-installing-updating-themes

Note: Please take a backup of your site before proceeding. Normally we use duplicator plugin to make a backup. https://wordpress.org/plugins/duplicator/.

Here is the video tutorials how to use duplicator and save it to your local computer https://www.youtube.com/watch?v=VdvOGV2eIjE

Thanks

[Ellen]

Thanks for the response. That didn’t fix it. Specifically Header 2 style the menu hover background does not change when modified in Customize.

[Sushil Adhikari]

Hi Ellen,

We have found bug in our theme, we will surely fix this issue on our next update, for now please use following css to fix your issue:

ul.navmenu2 > li > a:hover {
	background-color: #EAEAEA !important;
}

Note: Please use child theme to add this css, otherwise your changes will be lost on theme update.

Thanks

[Ellen]

Thanks, but that doesn’t really fix it. It seems to be a hover issue across the board. Button hover doesn’t work either when colors are changed. I look forward to the next update.

[Ellen]

Oops, I spoke too soon. The menu change DOES work with the above css. Thanks. Buttons are still a problem, but no rush. I’ll wait for the update.

[Sushil Adhikari]

Hi Ellen,

Can you explain us on detail about the problems on buttons ?

Thanks

[Ellen]

Here is a website I’m using the theme on: http://www.milwaukeeconcours.com/

If you hover over the secondary drop down navigation on the main menu you will see the blue from the original theme is still showing. Also, the buttons when you hover still show the blue, no matter what color I change it to in the Customize menu or in the child theme editor. No matter what button I choose I can’t control the color on hover.

[Sushil Adhikari]

Hi Ellen,

To change blue background color of secondary drop down navigation while hovering to main menu, please use this css to fix your issue.

ul.navmenu > li:hover > a { 
	background-color: #970e01;
}

To change button background color on hover , please use this css.

.btn2:hover, 
.btn2:focus, 
.btn2 a:hover, 
.btn2 a:focus, 
.btn2 a:visited {
color:  #fff !important;
background-color: #970e01 !important;
}

Note: please use child theme[style.css] to add this above css, otherwise your changes will be lost on theme update.

[Ellen]

Great, thanks.

[Binaya D]

Hi Ellen,

You are welcome, and if you face any problem in future, then please let us know we are happy to provide solution asap.

Thanks

[Author]

Posts