Banner responsive?

Hallo, ik heb in een module een banner gezet.

De code

Nu wil ik er voor zorgen dat deze responsive wordt. Nu wordt de banner bij een kleiner scherm smaller, maar ik wil dat deze gelijk blijft. Hoe doe ik dat? (mobiel lukt. Ik heb een extensie die modules geschikt maakt voor smartphone)

Tim

Hallo Tim,

misschien dat je de link van de website kan delen zodat we dit snel kunnen oplossen.

Vriendelijke groeten,

Ron

Hallo Tim,
Wat je dus wilt is niet dat de afbeelding kleiner wordt weergegeven (dus meeschaalt met de breedte van het scherm), maar dat op een klein scherm een deel van de afbeelding wordt getoond. En op een groot scherm de volledige afbeelding. Zoiets?
In dat geval moet je de afbeelding als een achtergrondafbeelding instellen.

Ik heb min-height in de code gezet, zodat de afbeelding sowieso wordt getoond. De hoogte van de div-container past zich namelijk aan aan de inhoud/content binnen de div. Als er geen tekst is dan is er ook geen hoogte en wordt de afbeelding alsnog niet getoond.
Wat je nog moet instellen is een background-size. Hier kun je lezen en testen welke voor jou van toepassing is: www.w3schools.com/cssref/css3_pr_background-size.asp