[RÉGLÉ] Protostar fixer la position-1

[PhMi]

Bonjour,

En position-1 de protostar, j'ai positionné un module avec un logo et sa signature avec, en dessous, un maximenu déroulant.
Lorsqu'on fait descendre l'ascenseur d'un article assez long, cette position-1 disparait dans les hauteurs …

Je peux alors fixer logo et maximenu en rajoutant à .navigation { position: fixed; width: 100%; }

Le problème est alors que body et sidebar se retrouvent en haut de la page et donc partiellement masqués. Peut-on faire qu'ils buttent sur position-1?

Merci d'avance.

[lomart]

Bonsoir,

Sans garantie, essayez

.navigation { position: sticky; width: 100%; }

[PhMi]

Merci de la réactivité, mais, quand l'ascenseur descend, la position_1 disparait dans les nuées …

[PhMi]

Sur le site https://compagnons-sens.fr/ réalisé, je crois, avec Worldpress lorsqu'on fait défiler l'ascenseur, le logo se réduit et le menu horizontal se bloque en haut de page. Existe-t-il une solution similaire pour Joomla ?

[lomart]

Existe-t-il une solution similaire pour Joomla ?

Oui, si l'on prend un template qui le propose
On peut aussi chercher sticky dans la JED : https://extensions.joomla.org/extens...clearfilters=1
Sinon, il faut mettre les mains dans le CSS

[PhMi]

Une réponse à la vitesse de l'éclair ! Merci !

Je vais regarder les extensions qui existent, mais que faudrait-il modifier dans le css de protostar ?

[lefabdu51]

essaye de fixer la balise aside.
C'est le conteneur de la colonne de droite.
Donc en definissant ceci dans ton fichier user.css, cela devrais fonctionner.
A toi d'ajuster la valeur de position.

aside { position: fixed; width: 100%; }

Fait attention aux requetes media Ctrl+shift+m sous firefox.

[PhMi]

Merci, lefabdu51, de cette piste qui n'était pas la bonne, mais elle m'a permis de trouver une solution :

• sur la page d'accueil j'ai laissé le paramètrage classique : le logo avec son slogan et le maximenu peuvent partir dans les nuages,
• sur les autres pages, j'ai positionné un clone du maximenu en position-1 que j'ai fixé par {position: fixed; width: 100%} en tête du fichier maximenu.php sur div#<?php echo *id; ?>

Pour visualiser : https://notredamedenize.fr