Docs

[scottkaizen]

Is it possible and easy to have a different style menu on the website.

something easier to see and changing colours or texts for the drop down menus?

Or something more creative?

for a simple quick example http://athemes.com/reviews/x-ultimate-wordpress-theme-review/

Do i need to add or change CSS or can you recommend a plugin.

Thanks for ideas and help.

[Friech]

Hi There,

Thanks for writing in! Do you mean the hover effect, when you point the mouse on a menu item and it change its bakcground color to light green? Yes we can do that with custom css. Please provide us the site URL.

Cheers!

[scottkaizen]

This reply has been marked as private.

[Jack]

Hi there,

Thanks for writing back!

You can use the following code to change the color and background color on hover, just change the color codes as needed.

.site .x-navbar .desktop .sub-menu a:hover{
  color: #af273b;
  background-color: #e5e5e5;
}

Thanks! 🙂

[scottkaizen]

ok understood,

could i use a navbar menu plugin or would this not work with theme X

thanks

[Rue Nel]

Hello There,

The code provided will work out with X. The given code is only for the sub menu. If you want to include the primary menu items, please use this code instead:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a, 
.x-navbar .desktop .sub-menu li > a:hover, 
.x-navbar .desktop .sub-menu li.x-active > a, 
.x-navbar .desktop .sub-menu li.current-menu-item > a, 
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, 
.x-navbar .mobile .x-nav li > a:hover, 
.x-navbar .mobile .x-nav li.x-active > a, 
.x-navbar .mobile .x-nav li.current-menu-item > a{
  color: #af273b;
  background-color: #e5e5e5;
}

Hope this helps.

[scottkaizen]

ok thanks.

where do i add this code.

[Thai]

Hi There,

Please add the provided code under Customizer > Custom > CSS or style.css file locates in your child theme.

Regards!

[Author]

Posts