Ondersteuning » Thema en CSS/opmaak » Hoe inhoud van mijn sidebar responsive maken?

  • Beste mensen,

    Ik ben bezig met het responsive maken van een site. Het probleem waar ik tegenaan loop is als volgt:

    In de sidebar heb ik een aantal afbeeldingen. Die heb ik erin gezet mbv de plugin ‘Black Studio Tiny MCE’. Ik wist namelijk niet hoe ik op een andere manier meerdere afbeeldingen in de sidebar kon plaatsen.

    Nu wil ik alle componenten op de site responsive maken. Het is me gelukt om de maincontent-area en de sidebar zelf, responsive te maken, maar met de inhoud (de afbeeldingen) van de sidebar lukt het niet.

    Hoe pak ik dit nou aan? Als er een manier is om zonder plugin die afbeeldingen in de sidebar te krijgen dan wordt het al een stuk makkelijker.

    Hulp is welkom! Bijvoorbaat dank

1 reactie aan het bekijken (van in totaal 1)
  • Dag Okkernoot,

    Heb je een voorbeeld van de site waar dit moet gebeuren? dan kan ik de code even bekijken.

    Om images responsive te maken kan je het image element in de sidebar aanpassen als volgt:

    .sidebar img {
    width: 100%;
    max-width: 200px; /* originele breedte image */
    height: auto;
    }

    Als je in de sidebar enkel gebruik maakt van images is het handiger om er een image widget voor te gebruiken, bv. Simple image widget

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Hoe inhoud van mijn sidebar responsive maken?’ is gesloten voor nieuwe reacties.