Videos streaming images jeux et buzz
Connexion






Perdu le mot de passe ?

Inscrivez-vous maintenant !
Menu Principal
Communauté




Wiliwilliam
Problème responsive Scroll du menu
 2  #1
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 39501
Karma: 20032
.

Contribution le : 06/01/2016 11:39

Edité par Wiliwilliam sur 16/10/2025 16:33:25
_________________
Signaler

Koreus
 0  #2
Webhamster
Inscrit: 03/07/2002 23:58
Post(s): 76141
Karma: 37915
Bonne chance, car le CSS ce n'est pas du tout mon domaine 😃

Par contre, quand j'ai des problèmes j'essaie d'éliminer le max d'élément et de rajouter au fur et à mesure pour voir quand ça coince

Contribution le : 06/01/2016 12:33
_________________
Signaler

Tchairo
 0  #3
J'aime glander ici
Inscrit: 01/02/2010 23:54
Post(s): 7209
Karma: 6100
Citation :

@Wiliwilliam_ a écrit:
j'ai un problème responsive sur un site que je dois bidouiller.
j'ai intégrer une barre bootstrap en fixed-top sur un wordpress.
J'intègre le menu wordpress dans la barre de menu bootstrap.
et je fais caca sur tchairo au passage
[...]
En gros le menu responsive bootstrap marche ainsi que celui wordpress (qui est dans celui de bootstrap, si vous avez suivi plus haut )


:-D


(Dsl pour le troll, je ne pouvais pas résister ^^)

Contribution le : 06/01/2016 12:34
Signaler

Wiliwilliam
 0  #4
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 39501
Karma: 20032
.

Contribution le : 06/01/2016 14:47

Edité par Wiliwilliam sur 16/10/2025 16:36:37
_________________
Signaler

-Ninja-
 0  #5
Je poste trop
Inscrit: 05/12/2009 15:52
Post(s): 13040
Karma: 2539
Citation :

@Wiliwilliam_ a écrit:
bon, j'ai réussi à faire un truc mais c'est du PHP qui détecte si on est sur un smartphone ou un pc. Pour le premier cas, il me echo la class "navbar-fixed-top" et pour le second cas il me echo la class "navbar-static-top".............. c'est absolument dégueux... surtout que je bosse sur un mutualisé et pas un dédié, et les include/require sont désactivés :roll: :roll: du coup la fonction est en entête de page :roll:

bref, je maintiens ma demande pour le CSS :help: please! ça marche pour les smartphone ma solution mais pas pour la réduction de la page internet sur ordinateur.


Si ça peut t'aider, t'es pas obligé de passer par du PHP pour détecter smartphone/pc et changer la visibilité de certains éléments que tu peux renommer avec les classes. Tu peux faire ça en CSS grâce à des codes comme ça:

@media only screen and (max-width: 480px) {
#header {
blablabla
}
}

et

@media only screen and (min-width: 480px) {
#header {
blabla
}
}

Donc en gros tu peux forcer des changements en fonction de la largeur de l'écran. Tu peux donc tricher un peu et créer autant de changements que tu veux, là j'en ai mis que deux. Bon, le mieux c'est d'avoir un bon thème mais quand j'ai du réparer un site j'ai fais ça comme ça.

(C'est plus pratique si t'as Visual Composer)

Ah et quant au scrollage, il me semble que ça veut dire que la position z de ton menu est derrière celle de ta page. Avec CSS tu peux rectifier ça.

Contribution le : 07/01/2016 16:25
Signaler

Wiliwilliam
 0  #6
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 39501
Karma: 20032
.

Contribution le : 07/01/2016 16:52

Edité par Wiliwilliam sur 16/10/2025 16:35:25
_________________
Signaler

-Ninja-
 0  #7
Je poste trop
Inscrit: 05/12/2009 15:52
Post(s): 13040
Karma: 2539
Bah fallait chercher CSS positioning 😃 Pour changer de menu, j'en sais rien par contre. C'est pas une option du thème?
Et si tu parles du truc @media c'est bien documenté en ligne 🙂 Si tu veux savoir où mettre le CSS c'est indiqué dans les options du thème normalement pour ajouter un CSS custom.

Contribution le : 07/01/2016 17:08
Signaler

Wiliwilliam
 0  #8
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 39501
Karma: 20032
.

Contribution le : 07/01/2016 17:45

Edité par Wiliwilliam sur 16/10/2025 16:35:09
_________________
Signaler


 Haut   Précédent   Suivant






Si vous êtes l'auteur d'un élément de ce site, vous pouvez si vous le souhaitez, le modifier ou le supprimer
Merci de me contacter par mail. Déclaré à la CNIL N°1031721.