afbeelding van Daisy DDL

Responsive bij theme Color Glass

Kan iemand me helpen...

Ik ben een website aan het ontwikkelen met theme 'Color Glass'.
De hoofdfoto wordt echter niet mee geresized wanneer we de website bekijken op een smartphone.
Ik heb al vanalles geprobeerd en mijn "max-width: 100%; height: auto;" zoals aangegeven in het thema zelf, op verschillende plaatsen gezet.
Echter niets werkt...
Ik heb reeds deze aanpassingen doorgevoerd in de main.css en in responsive.css

Iemand enig idee?
Alvast bedankt!

Daisy

Drupalversie: 
7.x
Auteur: 
Daisy DDL
afbeelding van be-web
Door be-web op 20 oktober, 2015 - 19:10

Linkje? Anders wordt het lastig hulp bieden.

-----
Met vriendelijke groet,
Hans Kuiters
BE-WEB

afbeelding van Daisy DDL
Door Daisy DDL op 20 oktober, 2015 - 19:38

Dag Hans,

Hierbij de link:
http://www.cloovemobile.be

Alvast bedankt!

Mvg,
Daisy

afbeelding van nordicmaterial
Door nordicmaterial op 20 oktober, 2015 - 20:24

Met max-width: 100%; height: auto; kan je de breedte van een < img > aanpassen.
Het beeld bovenaan je website is echter geen < img >. Het is een CSS background van een < div >.

Vandaar:

.home-welcome {
background-image: url("images/css-header-header-amic-main-background.jpg");
background-size: contain; (In plaats van background-size: cover; )
}

www.nordicmaterial.com

afbeelding van Daisy DDL
Door Daisy DDL op 23 oktober, 2015 - 09:18

Hallo,

Ik heb dit aangepast in de main.css en nu wordt het inderdaad goed weergegeven op smartphone, tablet, 15" laptop
Echter op mijn scherm van mijn desktop komt de foto nu niet helemaal meer over de ganse breedte van het scherm. Ik heb al geprobeerd om de foto te resizen... maar dit lukt me ook niet.
Nog een idee waaraan dit probleem nog zou kunnen liggen?

Alvast bedankt!

afbeelding van Daisy DDL
Door Daisy DDL op 27 oktober, 2015 - 14:25

Ik heb het probleem gevonden!
Het probleem was dat de max. heigth van de foto niet correct stond, deze was te klein in vergelijking met de foto zelf.
Bedankt voor de hulp!

Bookmark and Share

Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.

Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.

onomatopee