- Ce sujet contient 5 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 4 années et 8 mois.
-
Messages
-
Bonjour à tous,
étant novice en création de site web j’aurais besoin d’un petit coup de main concernant un problème que je rencontre.
J’ai crée un site woocommerce pour commercialiser mes produits, je suis parti du thème storefront que j’ai pas mal modifié depuis le custom css grâce à vos posts. Néanmoins un problème persiste. J’ai positionné ma barre de recherche en haut, alignée à 200pxs du bord. Sur mon écran actuel, elle apparaît donc juste après le logo d’entête, ce que je voulais. Mais dès que l’on passe sur un écran plus grand ou plus petit, la barre est complètement décalée. Sur un petit écran elle vient se coller tout à droite et sur un grand écran elle chevauche le logo.
J’aimerais donc trouver une solution pour déplacer cette barre de recherche à X pixels du bord du logo et faire en sorte qu’elle le reste sur tous les écrans (sauf portable).
En espérant pouvoir obtenir de l’aide,
Merci mille fois,
Nicolas
====================
Bonjour
Je pense qu’il va vous falloir jouer sur le CSS, en indiquant un CSS spécial pour chaque dimension d’écran
Avec des balises du type :
@media only screen and (max-width:XXXpx) {
COde CSS
}Voir ici : http://css.mammouthland.net/css3/media-queries.php
====================
1 user thanked author for this post.
Bonjour
Je pense qu’il va vous falloir jouer sur le CSS, en indiquant un CSS spécial pour chaque dimension d’écran
Avec des balises du type :
@media only screen and (max-width:XXXpx) {
COde CSS
}Voir ici : http://css.mammouthland.net/css3/media-queries.php
Merci pour votre lien et pour votre aide.
@media désigne donc le logo et les éléments?
N’y aurait-il pas moyen de fixer la position de la barre de recherche par rapport au logo?
Merci encore
Nicolas
====================
Non pas du tout, cela désigne la taille de l’écran
====================
1 user thanked author for this post.
Non pas du tout, cela désigne la taille de l’écran
Autant pour moi… merci beaucoup
Mais du coup il me faudra recopier ce code plusieurs fois en changeant à chaque les valeurs pour chaque type d’écran, c’est ça?
====================
- Vous devez être connecté pour répondre à ce sujet.
