Support » CSS / opmaak vragen » Margins links/rechts aanpassen mobile layout

  • Beste allemaal,

    WordPress: 5.5.1
    Gebruikt thema: Oasis (ColibriWP) OasisVersie: 1.0.4

    Ik heb een website van iemand in beheer maar die persoon is niet tevreden over de margins aan de linker en rechter zijde van een pagina als je deze bekijkt op een mobiel. (Zie afbeelding link hieronder)
    margins links/rechts mobile layout te klein

    Hoe kan ik de margins zowel links als rechts aanpassen?

    Hopelijk kan/wil iemand mij helpen.
    Alvast vriendelijk bedankt.

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

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Zou met een simpele media query opgelost moeten zijn. Bijvoorbeeld:

    @media (max-width: 512px) {
       .h-section-boxed-container {
          padding: 0 40px;
          text-align: left;
       }
    }

    Dit zegt simpelweg dat je vanaf een schermbreedte van 512px een zij-padding wilt van 40px op de container waar je content in zit.

    ‘text-align: left’ heb ik toegevoegd omdat het echt mega vervelend leest als je tekst gaat centreren (ja echt). Een boek lees je immers ook niet op die manier 😉 Lees bijvoorbeeld ook https://fingers-media.com/blog/253-ui-ux-principles-for-you

    @geoclaps

    Dankjewel voor je reactie.
    Ik heb mijn hele .CSS bestand doorgekeken maar ik zie niet waar ik deze aanpassing zou kunnen doen.
    Brutale vraag, maar zou jij misschien eens willen kijken voor mij? Ik snap er echt helemaal niets van.
    Ik kan je het bestand wel even mailen als je dat wilt.

    P.s. Ik zag dat je ook freelance basis werkt. Ik wil je er ook best voor betalen.

    • Deze reactie is gewijzigd 2 weken, 5 dagen geleden door Pascal1978.
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hey @pascal1978,

    Je hoeft het niet aan te passen, maar gewoon toe te voegen aan je style.css als je een childthema hebt of indien niet, dan via Weergave > Customizer > Extra CSS veld als je dat niet hebt, dan blijft je die CSS behouden na een thema update.

    Geen probleem.

    Wat Jeroen al zegt, vaak kun je (mits het niet in je thema is uitgeschakeld) de CSS ook toevoegen via ‘Weergave’ > ‘Customizer’ > ‘Extra CSS’.

    Lukt dit niet, dan idd kun je het via het child theme doen, als die er niet is dien je die eerst te maken.

    Laat maar weten of het gelukt is!

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