Support » CSS / opmaak vragen » related posts positie in mobile

  • Hallo Allemaal,

    Na een paar dagen zoeken op google kan ik geen oplossing vinden voor mijn probleem. Ik zou graag mijn rechter sidebar direct onder mijn content willen hebben in mobile en tablet view.

    De volgorde is momenteel in mobile en tablet view:
    1.content
    2.social sharing
    3 related posts
    4.sidebar inhoud

    ik zou het graag in deze volgorde zien:
    1.content
    2.sidebar
    3.social sharing
    4.related posts

    Hoe kan ik dit aanpassen?

    Alvast bedankt en groetjes,
    David

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Dat gat heeeeeeel lastig worden. De social sharing knoppen en related posts vallen namelijk binnen het zelfde <Article> blok als waar ook de content in staat terwijl de sidebar in zijn geheel in het <aside> blok staat.

    Hiervoor zal je als je dit wilt een child-theme moeten maken, waarschijnlijk een 2 e sidebar toevoegen direct onder de content. Om vervolgens met CSS een van beide sidebars wel/niet te tonen afhankelijk van scherm formaat.

    Of eventueel met Javascript/jQuery de HTML structuur/volgorde aanpassen afhankelijk van schermformaat.

    Beste Richard,

    Bedankt voor je snelle antwoord.

    Dat is heel vervelend en dat wordt inderdaad lastig om dat dan voor elkaar te krijgen en ook te ingewikkeld.

    Is er dan wel een manier om de related posts, en eventueel de social sharing, uit te schakelen? Dan zou ik een aparte plugin kunnen gebruiken voor de related posts en die onderaan plaatsen.

    Of wordt dat ook niets?

    Related posts en social sharing uitschakelen is geen probleem, dat gaat in de customizer.

    Maar kan een aparte plugin voor related posts wel een andere postie aannemen? Duds onder de sidebar in mobile view.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)