Meestal los ik dit soort dingen op door 100x te googlen maar helaas kan ik niets vinden. Ik heb een stukje css code wat wel werkt op mijn desktop. Echter als ik de site op mijn telefoon open, pakt hij het nier meer. Het gaat om dit stukje css:
header p {
max-width: 100%;
height: 150px;
padding-top: 20px;
vertical-align: middle;
background-image: url(images/duitse_dog.jpg);
background-repeat: no-repeat;
background-position: 50.00% 44.57%;
background-size: 100%;
background-size: cover;
background-attachment: fixed;
color: white;
text-align: center;
text-transform: uppercase;
padding-top: 100px;
font-family: sans-serif;
Het is dus een soort scroll over. De afbeelding scrolt een soort van mee in het <p> gedeelte. PB voor de server waar het momenteel tijdelijk op staat. (mag niet te druk bezocht worden, sorry.) Het is dus voor een website die helemaal voor mobiel formaat gemaakt is. Echter werkt dit bovenstaande stukje code niet meer zodra ik het op mijn telefoon open.
Kan iemand mij toevallig helpen? Het moet voor vannacht 12u klaar zijn, dus ik zou enorm dankbaar zijn!
Spoiler:
Ik ben best nog een leek in code schrijven, dus excuus als ik soms 'domme' vragen stel.
Ik ben best nog een leek in code schrijven, dus excuus als ik soms 'domme' vragen stel.
