5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:

    Bijdrager
    El Pablo 10

    Problemen website layout op iPad

    Voor mijn website dewonderboom.be heb ik de plugin ‘Modern Events Calendar Lite’ gebruik om agenda items weer te geven (https://www.dewonderboom.be/events/wonder-yoga-kind/). Er gebeurt echter iets raars met deze plugin. Als ik een agenda item bekijk op mijn iPad (zowel portrait als landscape), dan valt de sidebar onder de main content (http://prntscr.com/nkmj1f + http://prntscr.com/nkmj6j). Nochtans is dit niet zo als ik dit test op mijn browserscherm in Chrome als ik daar mijn schermbreedte kleiner maak. Daar blijft de sidebar naast de main content staan (http://prntscr.com/nkmjq4). Ook in de CSS code staat alles correct ingesteld.

    Hoe kan dit? En nog belangrijker, hoe kan ik het oplossen?

    Ik heb de vraag ook al gesteld aan de plugin developers, maar die weten het ook niet.


    Bijdrager
    aartjan.nl/blog

    je hebt ook nog een social sharing plugin aanstaan,

    en die zie jij niet omdat je blijkbaar een ad blocker aan hebt staan.


    Moderator
    Night

    Niet alleen op de iPad gebeurt dat, ook gewoon op de desktop in Safari staat het onder de content in plaats van ernaast.

    (PS: meervoud van seconde is seconden, niet secondes)


    Bijdrager
    ErikCh

    CSS Flex wrap en Safari, niet altijd een goed huwelijk:-)
    Heb het eens zeeer kort bekeken.  Maar ik denk als je de “display: table;” clause in je CSS in de .mec-wrap .row:before verwijderd dat je al een einde komt.  Het gebruiken in de :before clause van de row die je flex displayed levert een probleem op in webkit.

    Heb het niet op iPad geprobeerd, maar zou wel lukken.


    Bijdrager
    El Pablo 10

    @ErikCh Eurekah! Door die .mec-wrap .row:before op display:block te zetten is het inderdaad geregeld. Thanks!

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.