Heb je ook een linkje naar je site?
Wat bedoel je met rechts plaatsen?
Is dat in een Sidebar?
Zo ja, doe het volgende!
In je admin ga je naar Appearance (of daar waar je ook je Thema kan kiezen) De link boven Plugin’s.
Als je daar bent zie je in het lijstje Menu staan, klik daar op en op die pagina kun je dan een eigen Menu aanmaken.. (bij het + toevoegen teken bovenaan)
Dit menu noem je dan bijv. eigen-sidebar-menu, maar je kan hem noemen zoals je zelf graag wilt.
Daarna voeg je zelf handmatig linkjes door middel van urls en labels toe aan dit menu en zet deze op je eigen volgorde en drukt op Save.
Daarna ga je naar de Widgets afdeling en plaats je de Custom Menu Widget in een sidebar van je thema.
Dan kies je in deze nieuw geplaatste Menu Widget een Titel en via het drop down menu waar Select Menu voor staat kies je dan je zelf aangemaakt menu en drukt dan op Save.
Als het goed is heb je nu een menu in je sidebar (rechts) die je zelf hebt samengesteld.
@yasp0 Nog geen link, site is in ontwikkeling
@bj
Dat eigen menu is al gemaakt. En die komt niet in de widgets.
Is gewoon het normale menu dat in de header sectie van de site staat.
Zonder eigen menu kun je deze eenvoudig rechts plaatsen met de toevoeging div.menu li { float:right; }
Met een eigen menu lukt dit niet.
Eigen menu staat keurig in de header sectie, alleen blijft deze links uitgelijnd staan.
Volgens mij wil jij gewoon je header menu (het hoofd menu) uitlijnen naar rechts?
Standaard begint deze aan de linker kant maar jij wilt hem aan de rechter laten beginnen?
True?
@bj Klopt als een bus.
Alleen heb ik voor dit menu een eigen menu (via de wp opties) gemaakt.
Als ik deze niet inschakel gaat het goed met de tag: div.menu li { float:right; }
Zodra ik dit eigen menu inschakel springt die direct terug naar links.
Kan het zijn dat ik nog een class moet aanmaken voor dit eigen menu? En zoja, hoe?
Dat kunnen wij zo helaas niet zien van deze kant van de computer..
Mijn advies is neem een browser als Google Chrome of Apple’s Safari.
Dit zijn Webkit browsers en als je dan op CMD+ALT+I (Mac) CNTRL+ALT+I (denk ik op de PC) drukt dan krijg je een mooie web-inspector waarmee je Live door je div’s kan navigeren en terwijl je dit doet zie je op het scherm wat de code doet en tot waar de div’s lopen. Plus aan de rechterkant kun je gelijk zien welke CSS stijlen de browser op het moment leest dat jij met je muis over de code (div’s van met menu) navigeert.
Zo kun je denk ik direct zien waar je die float: right; moet toepassen om alles rechts uit te lijnen.
Maar als ik zo een gokje doe denk ik dat:
div.menu { float: right; }
of
div.menu ul { float: right; }
Beter kan werken, maar das moeilijk te zeggen zonder het zien van de structuur.
Ik heb hem online gezet:
http://www.beautyfx.nl/wordpress/
Het eigen menu heet navmenu.
Zodra ik deze uitschakel wordt het menu wel rechts geplaatst.
Zodra ik navmenu activeer staat deze weer links zoals nu.
De Snippets van 2010 Weaver is heel duidelijk:
div.menu li { float:right; }
En dat staat ook keurig in Head section…..
De genoemde opties div.menu { float: right; } en div.menu ul { float: right; } bieden ook geen uitkomst.
Ik loop volledig vast, ook met Chrome…. (Help)
Als je in je style.css bestand naar regel nummer 442 gaat.
Of je zoekt op deze regel met code..
#access .menu-header ul, #access2 .menu-header ul, div.menu ul
En je plaats daar
float: right;
bij dan staat je menu aan de rechterkant.
+ Als je het dan nog een beetje extra wilt uitlijnen zodat het in het midden komt te staan dan kun je binnen die zelfde regel nog met margin’s en of padding’s werken.
Denk aan:
margin-top: 25px;
Dan zal je zien dat er aan de onderkant van het menu nog altijd veel ruimte over blijft en dat kun je weer weghalen door in die zelfde stylesheet naar regel 278 te gaan en aan je margin te werken die bij UL { } staat.
Super!!
Heb het alleen nu zo gedaan:
#access .menu-header li, #access2 .menu-header li,
div.menu li {
float: right;
position: relative;
}
Toch blijft het vreemd dat dit niet werkt via de instellingen van 2010 Weaver zelf. Ze geven het n.l. wel als optie in de Snippets.