Ondersteuning » Thema en CSS/opmaak » problemem met de achtergrond van de content wanneer het venster verkleind wordt

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Heel even uitleggen wat je precies wil.
    1. Bij “home” verschijnt er een plaatje met hapjes zonder tekst in het tekst-blok gedeelte en geen kopmenu.
    2. Bij de andere opties verschijnt tekst met een zwarte achtergrond en afhankelijk van de keuze een kopmenu.
    Wat bedoel je nu met “de grootte van de achtergrond” wijzigt.
    Bij mij wijzigt er helmaal niets van grootte???

    Ik kijk met IE 9 en Firefox 9

    Thread starter niekvson

    (@niekvson)

    Sorry, nu ik het teruglees inderdaad niet helemaal duidelijk.
    Ter verduidelijking:

    – het gebeurt in chrome, ie9 en firefox.
    – Als je op verkleinen drukt in je browser (tussen – en x rechtsboven) en je sleept het het venster naar een smallere variant, veranderd er van alles in het zwarte content vlak. Het formaat veranderd (de achtergrond foto komt weer te voorschijn) en de grootte van de letters veranderd.

    Ik weet dat de fout ergens in de css zit en heb al van allles geprobeerd maar het wil nog niet lukken.

    Het thema dat gebruikt is om deze website te maken is Twenty Eleven en dat is standaard een Responsive design.

    Dat wil zeggen dat het design zich aanpast aan het scherm van je browser.
    Voordeel hiervan is dat als je met Tablets en Smartphones je website bezoekt de pagina’s zich automatisch aanpassen aan de breedte van het device dat de bezoeker in handen heeft.
    afbeelding voor een betere indruk.png

    Meer uitleg hierover

    Dus als iemand het thema Twenty Eleven gaat aanpassen en dan deze functie vergeet mee te nemen in alle aanpassingen dan gaat er wel eens iets mis.

    Wat je kan doen zijn twee dingen..

    A) Vragen aan de persoon die het gemaakt heeft om ook het Responsive gedeelte aan te passen zodat dit ook weer werkt zoals het hoort.

    of..

    B) Het Responsive gedeelte helemaal uitzetten – er tussenuit halen.

    En dat doe je door bepaalde code uit de stylesheet en header te verwijderen.

    Ga naar:
    wp-content / themes / twentyeleven <– Het origineel en niet de child versie.

    – Open style.css
    scroll heel ver omlaag totdat je dit ziet staan:

    /* =Responsive Structure
    ----------------------------------------------- */

    Bovenstaande Code + wat daar onder allemaal staat verwijder je.. Tot dat je dit ziet staan:

    /* =Print
    ----------------------------------------------- */

    Deze Print Code en alles wat daar weer onder staat gewon staan laten en niet verwijderen.

    Dus kort gezegd alles wat tussen de Responsive en Print Code in staat verwijderen + de Responsive tekst.

    Daarna open je header.php en verwijder je deze regel met code.

    <meta name="viewport" content="width=device-width" />

    Staat bijna bovenaan.

    Alles opslaan en je bent klaar.

    Thread starter niekvson

    (@niekvson)

    Heel erg bedankt, dit was inderdaad het probleem. Weer wat geleerd!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘problemem met de achtergrond van de content wanneer het venster verkleind wordt’ is gesloten voor nieuwe reacties.