WordPress.org

Nederland

Ready to get started?Download WordPress

Forum

[resolved] problemem met de achtergrond van de content wanneer het venster verkleind wordt (5 posts)

  1. niekvson
    Member
    Gepost 2 years geleden #

    Bij de website http://www.sushipresents.nl/particulier veranderd de grootte van de achtergrond als het scherm kleiner wordt. Iemand enig idee hoe dit komt?

    Bij de homepage gebeurd er niks, dus ik vermoed dat het te maken heeft met het menu bovenaan de pagina.

  2. matjas
    Member
    Gepost 2 years geleden #

    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

  3. niekvson
    Member
    Gepost 2 years geleden #

    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.

  4. Jaja..
    Member
    Gepost 2 years geleden #

    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.

  5. niekvson
    Member
    Gepost 2 years geleden #

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

Onderwerp gesloten

Dit onderwerp is gesloten voor nieuwe reacties.

About this Topic