I suggest you try the Menubar plugin, it’s much easier to use and configure.

thank you for your kind words, and congratulations on your Italian!

THANK YOU!THANK YOU! THANK YOU SO MUCH.
It works perfectly

Ancora una volta: Mille grazie
Sonia

p.s: think the possibility to add a donation. Me, I would like to donate.

I’m glad you like Menubar! To improve the result, try this:

#navbar a {
…
line-height: 30px;
…
}

Did it and it’s a charm! Only one last question..pleaaaaaaaase:
If you see the second line of the menubar, again, it “hugs” the above line! I have tried everything and nothing has worked .

Any suggestions?

thank you so much

I added a big margin, because the menu was “hugging” the yellow letters.
My problem is not the top margin, but that it made the whole theme…….. whatever it wanted.

the “menubar” will it give me 2 lines of menu? Because that’s not my website, I ‘m just making it as a favor, because they are good friends, and one of the things that they wanted one way or another, is two lines for the menu

this is the div’s I used in header section:

Επικοινωνία
To CITYNEWS προτείνει
Αδέσμευτος Τύπος Παρασκευής
Φίλαθλος Παρασκευής
Ποιός τραγουδάει που!

Προτάσεις: Αδέσμευτου & Φίλαθλου
Αλφαβητικός Οδηγός 3000 κέντρων
Σινεμά
Θέατρο

and this is what I did in style.css:
#navbar {
margin: 0px 0px;
margin-top: 240px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
font: 13px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
font-weight: bold;
background: none;
}
#navbar a {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
background: #333d99; color: #fff;
text-decoration: none;
}

#navbar a:hover {
background: yellow; color: #111;
}

#navbar2 {
margin: 0px 0px;
margin-top: 3px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font: 13px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
font-weight: bold;
background: none;
}
#navbar2 a {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
background: #333d99; color: #fff;
text-decoration: none;
}

#navbar2 a:hover {
background: yellow; color: #111;
}

If all these can be correct with just the menubar plugin, please do tell me

you have a big top margin in your CSS:

#navbar {
…
margin-top: 240px;
…
}

you can try to adjust that.

Then I think you have an unneeded </div> between the two navbars.

If you wish, you could also try Menubar, my menu plugin for WordPress, which offers more features and is easier to use than this simple hand-coded menu.