Barre navigation fixe pour San francisco
4 participants
Page 1 sur 1
Barre navigation fixe pour San francisco
Bonjour,
Je suis à la recherche d'un petit code qui me permettrait d'avoir une barre de navigation fixe sur mon design San Francisco comme sur le design Malaga par exemple. Est-ce possible de le faire ?
En vous remerciant de vos réponses, bien cordialement.
Je suis à la recherche d'un petit code qui me permettrait d'avoir une barre de navigation fixe sur mon design San Francisco comme sur le design Malaga par exemple. Est-ce possible de le faire ?
En vous remerciant de vos réponses, bien cordialement.
Re: Barre navigation fixe pour San francisco
"Un petit code", ça demande des fois des heures de réflexions et des années de pratique. Merci de ne pas minimiser le travail des bénévoles du Forum.
Méthode :
- Je fais un site malaga
- J'inspecte le menu et je constate que le contenant supérieur est en "position fixed", (cela n'est pas nécessaire si je connais assez le html, évidemment)
- j'ouvre mon site San Francisco
- J'inspecte son menu et je constate que la structure est différente. Toute modification de position risque d'avoir des conséquences indésirables.
Je décide après plusieurs essais de modifier la position du contenant indiqué "nav" dont l'identifiant unique est
Si cela dérange, je peut ajouter à mon code :
min-width:(ici, la valeur qui me plaît)px!important;
par exemple :
Méthode :
- Je fais un site malaga
- J'inspecte le menu et je constate que le contenant supérieur est en "position fixed", (cela n'est pas nécessaire si je connais assez le html, évidemment)
- j'ouvre mon site San Francisco
- J'inspecte son menu et je constate que la structure est différente. Toute modification de position risque d'avoir des conséquences indésirables.
Je décide après plusieurs essais de modifier la position du contenant indiqué "nav" dont l'identifiant unique est
- Code:
.tpl-logo-header > nav:nth-child(2)
- Code:
<style type="text/css">
/*<![CDATA[*/
.tpl-logo-header > nav:nth-child(2){position: fixed !important;}
/*]]>*/
</style>
Si cela dérange, je peut ajouter à mon code :
min-width:(ici, la valeur qui me plaît)px!important;
par exemple :
- Code:
<style type="text/css">
/*<![CDATA[*/
.tpl-logo-header > nav:nth-child(2){position: fixed !important;min-width:1100px!important;}
/*]]>*/
</style>
Re: Barre navigation fixe pour San francisco
bonsoir,
je suis sous malaga avec la barre Div navigation qui contien mon logo et avec quelques modifications en code
le truc c'est que je voudrais fixer ma barre div nav la ou j'ai boutique en ligne, accueil etc mais je ne vois pas ou se trouve dans inspecter l'élément ce qui est noté sur votre post.
si vous pouviez m'aider ce serait aimable
merci
stephane
je suis sous malaga avec la barre Div navigation qui contien mon logo et avec quelques modifications en code
le truc c'est que je voudrais fixer ma barre div nav la ou j'ai boutique en ligne, accueil etc mais je ne vois pas ou se trouve dans inspecter l'élément ce qui est noté sur votre post.
si vous pouviez m'aider ce serait aimable
merci
stephane
Re: Barre navigation fixe pour San francisco
Vous avez modifié la position du topbar :
/*TOPBAR*/
.topbar {
position:relative;
}
enlevez ça et ça redevient fixe par défaut
/*TOPBAR*/
.topbar {
position:relative;
}
enlevez ça et ça redevient fixe par défaut
Re: Barre navigation fixe pour San francisco
Bonjour Fred et bien sous Ozaka je n'ai jamais réussi à fixer cette barre de navigation car j'arrive pas à identifier ce qui doit être fixer ...
Re: Barre navigation fixe pour San francisco
.jtpl-navigation {
position: fixed;
}
a priori ça doit le faire
position: fixed;
}
a priori ça doit le faire
Re: Barre navigation fixe pour San francisco
Merci Fred oui cela fixe la barre de navigation mais pas la couleur et le logo ... je suis donc partit à la recherche d'identifier ces éléments cette nuit mais rien n'y fait pourtant j'ai relu les tutos ... voici ce que cela donne sur cette page de test et voici la home page avec la couleur verte et le logo avec l'espacement que je recherche mais fixe ...
page test avec le code
https://www.lachsportfactory.com/-
page home sans le code
https://www.lachsportfactory.com
page test avec le code
https://www.lachsportfactory.com/-
page home sans le code
https://www.lachsportfactory.com
Re: Barre navigation fixe pour San francisco
fixez le header :
.jtpl-header{position:fixed;}
le header contient le logo, la topbar, les menus etc. si vous le fixez, ses enfants le seront aussi
.jtpl-header{position:fixed;}
le header contient le logo, la topbar, les menus etc. si vous le fixez, ses enfants le seront aussi
Sujets similaires
» Barre de navigation fixe
» Transparence de la barre de navigation
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
» Barre de navigation
» Barre de navigation
» Transparence de la barre de navigation
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
» Barre de navigation
» Barre de navigation
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|