background colour of the main navigation menu in the Sight Theme

  • Author
  • #2846689



    I would like to change the colour of the background of the main navigation menu to a light grey. I would like the font to be black instead of white.

    It also seems that the sub menus are over lapping the main navigation menu when overing the menus.

    Can you please help with that?

    The blog I need help with is


    Hi Thomas, add the following to your custom CSS, at the very bottom. You can adjust the background color as desired. The second rule addresses the submenu alignment issue.

    .main-navigation {
    	background-color: #eee;
    .main-navigation ul ul {
    	top: 3.8em;



    Hi The Sacred Path,

    Thank you for your help it was exactly what I needed.

    The one last thing regarding the submenu is that I would like to increase the size of them slightly as they are a little bit small.

    Thanks again for your help.


    You are welcome. For the submenu font size, add the following and adjust as desired.

    .main-navigation ul ul a {
    	font-size: 11px;

The topic ‘background colour of the main navigation menu in the Sight Theme’ is closed to new replies.