WEN Associate – menu change color and position…

Hello @onlineuser,
Not sure but i think you want to centralize your menu. So, as the theme currently has no option for changing menu position, you have to do some custom workout. For that just put the below css in the ‘Advanced’ section of customizer:

#site-navigation {
  text-align: center;
}
#site-navigation li {
  float:none;
  display:inline-block;
}
#site-navigation li li{
  float:left;
  display:block;
  text-align: left;
}

To change the menu color background, just put the below css in the ‘Advanced’ section of customizer:

media="all"
#site-navigation {
    background-color: #88890A; //according to requirement
}

Thanks!
Note: For quick and more optimum solution, go to: https://themepalace.com/forum/wen-associate/

Thanks, very much.

But I want to remove the left and right part of the menu which is noch clickable. Or it also would help if this part would be transparent.

Ok for that, try this css & see if it worked:

main-navigation {
    background: #333333 none repeat scroll 0 0;
    display: inline-block;
    float: none;
}
#site-navigation::after {
    display: none;
}
#site-navigation {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

Thanks!

Yes, this makes the whole menu bar transparent.

Is it possible only to make the non-clickable parts transparent (the left before the first menu-entry and the rightest part after the last clickable menue part?

Hello @onlineuser

Try adding below custom CSS for you specific issue to make the non-clickable parts transparent (the left before the first menu-entry and the rightest part after the last clickable menu part.
You need to remove above custom CSS and paste below CSS instead.

#site-navigation {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.main-navigation ul li{
background-color: #FF794C;
}

Hope this will help to resovle your issue.
Let me know how it goes.

Regards!!!