Main menù

hello, I would like to costumize the main menù, (position, font color in the different states )

Hello there,

Could you please be more specific to what direction you would like to move the menu? What did you mean by “differen states”?

Regards,
Kharis

HELLO,
I wanted to move the menù near the board on the right and on the top.I am not able to change the color when the mouse is on
the menu. there is always the same color
dark green.I wanted also to try to have a fix band color under the menù ( like in talon theme…)

If I understood it clearly, you would apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

/* Move the main nav menu */

.site-header .container{
  width: 100%;
}

.site-header #mainnav{
  margin-right: -20px;
}  

.site-header:not(.float-header) #mainnav{
  margin-top: -27px;
}


/* Change color of the menu item on hover */

#mainnav ul li a:hover {
  color: #fff000 !important;  
} 

Regards,
Kharis

Hello,
There is still a problem…
When I scroll the page, the menù goes up and down.
If possible I preferred the nenù fixed in its position, like in “Talon theme”

Hello there,

I would like to apologize in advance for the delay.

Try adding the following CSS code:


.site-header.float-header {
  padding: 20px 0 !important;  
}  

.site-header.float-header #mainnav {
  margin-top: 20px;
}

Regards,
Kharis

Hi,
I am sorry, but it still doesn’t work as I mean…
The menù sometimes is over the green band , and sometimes is over the image.
If it is possible I would like to have the menù always over the green band and in the same position, no floating…