affichage template elastica

Mon premier site est prêt ! www.upfleron.be (aucune connaissance au départ !)

Malheureusement, alors que l'affichage est parfait sur mon 22 pouces, le menu est illisible en 1024x768 !
Comment corriger mon mégamenu ?

Oui j'y suis arrivée, mais j'ajoute quand même que je travaille tous les jours sur le site depuis le 15 septembre !
J'ai téléchargé Joomla_2.5.7-Stable-Full_Package_FR, puis j'ai installé le template ja_elastica_responsive_template_for_joomla et j'ai suivi à la lettre plusieurs tutoriels sur joomla 2.5 et elastica.
Je suppose que je dois changer quelque chose dans mon fichier mega.css. J'aurais voulu une barre sur toute la largeur de l'écran avec mon megamenu centré et inclus dans cette barre comme sur le site www.joomlart.com/

Je pense que j'ai trouvé pourquoi l'affichage n'était pas bon sur un écran 1024x768 !
J'ai trop agrandi la police de caractères (il y a certainement un fichier qui donne la taille maximale)
En fait, j'ai supprimé le fichier mega.css de mon thème pour ne laisser que le fichier mega.css du template elastica et le megamenu est allé se positionner par défaut au-dessus dans le header, plus petit , mais lisible. Je vous montre l'image :

Mais le petit bloc CPanel (en haut à droite) me gênait. Comme je ne savais pas le faire disparaître, j'ai cliqué un peu partout dans le panel puis sur "apply". Il a disparu ! mais mes 4 modules "user1" 2, 3, 4 ont disparu également !!
Que faire ? comment revenir à l'affichage d'avant ma mauvaise manoeuvre ?