Image Header Responsive [Réglé]
Sam27 Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre Sam27
- Inscrit le : 17/01/2018
- Site internet
I'm using the Base 4.1 theme I would like to make the header image responsive, as seen from these images:
the headboard on PC is fine, I would like to self-size, but you could see it all, for viewing on mobile phones.
Thank you.
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
You should use it as a background image setted with the <a href="https://www.w3schools.com/cssref/css3_pr_background-size.asp">background-size property</a>
Sam27 Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre Sam27
- Inscrit le : 17/01/2018
- Site internet
I tried it but it does not work .....
Sam27 Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre Sam27
- Inscrit le : 17/01/2018
- Site internet
Code CSS :
#header { background: url('images/header.png') no-repeat scroll 0 0; margin: auto; background-size: contain; }
just that the image goes up .....
How could I lower the site's title?
Édité par Sam27 Le 03/04/2018 à 14h47
Sam27 Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre Sam27
- Inscrit le : 17/01/2018
- Site internet
with:
Code CSS :
#site-name-container { margin: 5em 0 0 6em; }
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie