Smalle tekst mobile

  • Opgelost gsef

    (@gsef)


    8 jaren, 8 maanden geleden

    Hoi,

    Als ik naar een mobiel apparaat ga dan wordt mijn blog duidelijk weergegeven.

    “Normale” pagina’s zijn echter 2-3 woorden smal en ziet er dus niet goed of leesbaar uit. De titles ook niet.

    Zou iemand me de goeie richting op kunnen sturen?

    Groet

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • staartmees

    (@staartmees)

    8 jaren, 8 maanden geleden

    website? gebruikt thema?

    Thread starter gsef

    (@gsef)

    8 jaren, 8 maanden geleden

    Oh excuus,

    Avada: http://www.gezondsterkenfit.nl/

    Ik heb het al iets kunnen verbeteren door padding etc weg te halen, maar het is nog steeds niet best.

    Gr

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 8 maanden geleden

    Kun je een concreet voorbeeld geven want hij toont goed op beide devices (desktop + mobile).

    Bij het maken van wijzigingen aan je thema kun je het beste eerst een child theme maken. Zodra je namelijk nu je theme gaat updaten verlies je elke gemaakte wijziging.

    Thread starter gsef

    (@gsef)

    8 jaren, 8 maanden geleden

    Nou ja, dit is mijn oude Joomla site: http://i.imgur.com/iPmizIw.png

    En dit is nu: http://i.imgur.com/Uo81U8U.png

    En ik wil die teksten gewoon mooi duidelijk hebben zoals het bovenste screenshot als het even kan.

    Gr

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 8 maanden geleden

    Als ik jou was zou ik je vraag deponeren bij de makers van je thema. Als ik je broncode bekijkt zie ik de ene na de andere afhankelijkheid in css… echt een megabende aan code en onbegrijpelijk waarom het zo is opgezet. Zo 123 is hier geen oplossing voor zonder veel regels css te passeren. Er wordt namelijk een padding op links en rechts gezet die vervolgens opgeheven wordt door een negatieve margin. Die margin en padding wordt op meerdere plekken gedefinieerd dus als je de eerste padding en margin weghaalt erft die hem over van een andere. Dat doet die zo’n 5 keer. Kans dat je site dan doet wat ie moet doen is dan nog maar de vraag.

    Thread starter gsef

    (@gsef)

    8 jaren, 8 maanden geleden

    Kennelijk was het heel simpel:

    @media only screen and (max-width: 939px){
#main {
padding-left: 15px !important;
padding-right: 15px !important;
}}

    Dus ik weet niet waar die puinhoop staat, maar het lijkt vrij transparant. Anyway bedankt voor de reacties.

    Gr

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 8 maanden geleden

    Dus ik weet niet waar die puinhoop staat, maar het lijkt vrij transparant. Anyway bedankt voor de reacties.

    Nou die staat hier en loopt nog veel verder naar onderen..
    http://dev.ikwebdesign.nl/screenshots/screen_gezondsterk.jpg

    Fijn dat het opgelost is! Succes verder.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Smalle tekst mobile’ is gesloten voor nieuwe reacties.