Support » CSS / opmaak vragen » uitgelichte afbeelding in slider en sommige headers niet reponsive

  • Misschien heeft iemand voor mij een oplossing.
    Ik ben bezig met een website in het thema LAX. De sliderfoto’s op de homepage zijn echter niet responsive (op Iphone in verticale positie past hij zich niet aan, horizontaal wel). Ook sommige foto’s in de pagina headers doen het niet goed op mobiele telefoon.
    Alle foto’s worden via de uitgelichte afbeelding functie ingevoegd en er zit geen verschil in formaten van de foto’s. Kan iemand zien waar het mis gaat? Ben nog een beginneling. Daarnaast zijn de titels van de projecten en de hoverfunctie mobiel niet zichtbaar. Heb de ontwikkelaar al gecontact, maar helaas nog geen reactie.
    Alvast dank voor het meedenken!
    http://www.bartspiervanzwicht.nl

1 reactie aan het bekijken (van in totaal 1)
  • Voor responsive images installeer de plugin RICG. Alle afbeeldingen die na installatie worden geplaatst zullen dan niet alleen in de standaard formaten worden opgeslagen maar ook in responsive formaten.

    Om bestaande headerafbeeldingen responsive te maken moet de header afbeelding zelf resizen op basis van CSS/HTML en moeten er verschillende afbeeldingen per CSS query of dmv JavaScript geladen worden. Dus niet met <img> werken maar met css backgrounds. Hierover kun je meer lezen hier bij RICG.

    Om met PHP bepaalde afbeeldingen op bepaalde momenten te laden ku je ook werken met WP Mobile Detect. Erg goed voor afbeeldingen in posts en het beinvloeden van laden van afbeeldingen in thema’s op basis van functies.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘uitgelichte afbeelding in slider en sommige headers niet reponsive’ is gesloten voor nieuwe reacties.