Fourleafed

Beste Daan,

de oplossing van Ruurd is een optie. Maar zoals hij zelf ook opmerkt wordt het menu een regel lager gezet en valt het uit de navigatie balk. Het is dus geen complete oplossing. Hopelijk kom je met het volgende tot een mooie oplossing!

Een van de oplossing kan zijn om de grootte van het lettertype van het menu verkleinen en om het logo wat te vergrootten:

#athena-logo img {max-height:84px;padding:5px 0}
ul.athena-nav > li.menu-item a {font-size:14px}

Je hebt nu alleen nog wel dat er op schermen met de breedte tussen 992 pixels en 1109 pixels het menu onder het logo valt. Je kunt mogelijk één menu item verwijderen, de lengte van de items aan passen door er een of meerdere te vernoemen of je kunt de afstand tussen de menu items verkleinen. Bijvoorbeeld met

ul.athena-nav > li.menu-item {margin-right:10px}
ul.athena-nav > li.menu-item.menu-item-has-children > a:after {margin-right:0}

Met de eerst regel CSS verkleinen we de ruimte tussen de menu items; met de tweede regel verwijderen we de margin naast het pijltje van een dropdown menu. Dat is namelijk overbodig. En voor een mooie verticale uitlijning van het het primaire menu kun je de volgende CSS nog toevoegen aan je child theme

ul.athena-nav {padding: 30px 10px}

Hou er ook rekening mee dat je naast het primaire menu (lichtgrijze achtergrond) ook het secundaire menu (zwarte achtergrond) aan moet passen als je het logo daar ook groter in wilt. Met bovenstaande tips en CSS code kun je daar waarschijnlijk zelf wel uit komen. Je hoeft alleen de classes en/of ID’s aan te passen.

Je zult zelf nog even moeten overwegen wat de beste oplossing is. Mogelijk kun je je klant betrekken hierin. Soms kunnen menu items hernoemd worden naar een korter synoniem.

Succes,

Evert

• Deze reactie is gewijzigd 7 jaren, 8 maanden geleden door Fourleafed.
• Deze reactie is gewijzigd 7 jaren, 8 maanden geleden door Fourleafed.
• Deze reactie is gewijzigd 7 jaren, 8 maanden geleden door Fourleafed.
• Deze reactie is gewijzigd 7 jaren, 8 maanden geleden door Fourleafed.

Beste Daans,

dat de ontwikkelaar alleen tegen betaling je website wil aanpassen is niet gek. Een aanpassing valt niet onder support.

Om je op weg te helpen wat je er in moet zetten is het handig als je een link naar de website deelt met ons. Anders wordt het gissen voor ons.

Groet,

Evert

Dit zou het moeten oplossen.
.content-sidebar #text-10.widget a {color: #FFF}