Protostar fixer la position-1

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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.
    Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
    https://www.pensees-vagabondes.fr
    https://www.markagement.com

  • #2
    Bonsoir,

    Sans garantie, essayez
    Code:
    .navigation { position: sticky; width: 100%; }
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Merci de la réactivité, mais, quand l'ascenseur descend, la position_1 disparait dans les nuées …
      Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
      https://www.pensees-vagabondes.fr
      https://www.markagement.com

      Commentaire


      • #4
        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 ?
        Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
        https://www.pensees-vagabondes.fr
        https://www.markagement.com

        Commentaire


        • #5
          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
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            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 ?
            Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
            https://www.pensees-vagabondes.fr
            https://www.markagement.com

            Commentaire


            • #7
              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.
              Code:
              aside { position: fixed; width: 100%; }
              Fait attention aux requetes media Ctrl+shift+m sous firefox.

              Commentaire


              • #8
                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
                Dernière édition par PhMi à 08/12/2017, 20h38
                Dans le chaos du compliqué, trouver la solution simple qui n'est pas simpliste, car elle permet le complexe !
                https://www.pensees-vagabondes.fr
                https://www.markagement.com

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X