Website breedte vastzetten voor desktopversie

  • anjaav10

    (@anjaav10)


    6 jaren, 7 maanden geleden

    Ik heb een simpele website en ben tevreden met de responsive oplossing. Ik vind alleen de site op een desktopscherm veel te breed uitlopen. Is het mogelijk om de site wel responsive te houden maar voor het computerscherm een vaste breedte in te geven? Heb al van alles gegoogled maar kom er niet uit.

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

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Niels Pilon

    (@nielspilon)

    6 jaren, 7 maanden geleden

    Hoi Anja,

    Dit pas je aan door het volgende te wijzigen in de stylesheet (vaak style.css) van je thema. Beste is wel om een child theme te maken zodat je wijziging niet verloren gaat bij een update van je thema.

    @media screen and (min-width: 48em)
.wrap {
    max-width: 100%;
}

    Pas de 100% waarde aan naar de breedte die je wil.

    Succes!
    Niels

    Thread starter anjaav10

    (@anjaav10)

    6 jaren, 7 maanden geleden

    Beste Niels, dank je wel. Ik heb het toegevoegd in ‘custom css’ maar er verandert niets. De pagina blijft gewoon vergroten als ik het scherm groter maak.

    Ook mijn navbar of menu schuift mee naar rechts, terwijl ik die gewoon links wil houden. Heb je nog andere suggesties?
    alvast bedank

    Niels Pilon

    (@nielspilon)

    6 jaren, 7 maanden geleden

    Sorry, d’r zat een foutje in mijn antwoord, dit moet wel werken

    @media screen and (min-width: 48em){
.wrap {
    max-width: 100%;
}
}
    Thread starter anjaav10

    (@anjaav10)

    6 jaren, 7 maanden geleden

    Niels, die had ik ook ontdekt en verbeterd, maar geen resultaat helaas.

    Ruurd de Wind

    (@geoclaps)

    6 jaren, 7 maanden geleden

    Pagina geeft melding dat deze binnenkort online is..

    Ruurd de Wind

    (@geoclaps)

    6 jaren, 7 maanden geleden

    Je hebt de site online gezet 🙂

    Ik zie dat je diverse gedeeltes een andere uitlijning hebt gegeven dus het is nu wat lastig te achterhalen wat je nu precies wilt? De header foto lijnt over de gehele breedte uit maar de content zelf niet. Dit staat in een container met een max breedte?

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Website breedte vastzetten voor desktopversie’ is gesloten voor nieuwe reacties.