Navigation style problem after update

Thank you Yigit. It is better now but still looks a bit weird. The spaces between the menu items and the borders are not consistent. Can you help?

Cheers,

Arkadi

Hi,

what exactly do you want me to remove. Concerning the navigation there is the following in the quick css:

.menu > li:first-child a {
    border-left: 0 none !important;
}
#header_main_alternative { border: 0px !important; }
.menu > li:last-child a {
  border-right: 0 none !important;
}

.av-main-nav > li > a { border: none !important; }
#header_main_alternate { border-top-color: transparent!important; }
.av-main-nav > li > a > .avia-menu-text { border-left: 1px solid; padding-left: 18px; }
li#menu-item-1460 > a > .avia-menu-text { border: none; padding-left: 0; }

.av-main-nav > li > a { padding: 0; }

.title_container {
background-color: #e2e2e2;
}

.av-main-nav > li > a > .avia-menu-text {
  padding-right: 0;
}
#top .av_seperator_big_border#header .av-main-nav > li > a {
  padding-left: 0;
}
#header #header_main_alternate .container {
max-width: 100%; 
padding: 0; 
}

Removing all of that and replacing it with the code you gave me leads to a terrible result.

I understand that on smaller screens one line is not enough. I guess thats fine and also i can see if I change the menu items.

But the overall style of the menu is still flawed. The spaces on the left and right side of the items are inconsistent i.e. they don´t have the same size. For example item “Bio” has a bigger space on the right side than on the left, item “Weight Gainer” a bigger space on the left and item “Über” a much bigger space on the right. Also the spaces are too big in general and the items are stretched over the full size of line. I think they should rather be centered. I checked it on several screens. Looks the same everywhere.