• Opgelost rutgersr

    (@rutgersr)


    Ik gebruik thema 2010 Weaver. (WP 3.2.1.)
    Wil graag mijn eigen menu (dus niet de default) rechts plaatsen.

    Snippets geeft aan dat ik de volgende functie moet toevoegen:

    div.menu li { float:right; }

    Dit werkt prima als ik geen gebruik maak van een eigen menu.
    Wie weet de oplossing om dit voor een eigen menu ook voor elkaar te krijgen?

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • 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.

    Thread starter rutgersr

    (@rutgersr)

    @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?

    Thread starter rutgersr

    (@rutgersr)

    @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.

    Thread starter rutgersr

    (@rutgersr)

    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.

    Thread starter rutgersr

    (@rutgersr)

    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.

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Eigen menu rechts plaatsen’ is gesloten voor nieuwe reacties.