Header responsive qui passe sous le slide

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

  • [Problème] Header responsive qui passe sous le slide

    Bonjour,

    voila je rencontre un souci sur mon site, lorsqu'il est déployé sur différents supports (tablette, smartphone), vous pouvez faire vous-même le test en modifiant à la main la largeur de votre explorateur (mozilla ou autre), mon header (le logo) passe sous le slide ! C'est problématique...

    Comment y remédier ?

    > LE SITE <

    Merci d'avance pour votre aide !

  • #2
    Re : Header responsive qui passe sous le slide

    Hello woofer01,

    Si le logo est bien "Biarritz Vanadium"
    alors je propose de remplacer cette partie (class)

    .responsive .art-header {
    width: auto !important;
    ...
    min-height: 100px !important;
    ...
    }
    par
    .responsive .art-header {
    width: auto !important;
    ...
    min-height: 200px !important;
    ...
    }
    dans le fichier template.responsive.css
    déja voir si ça convient et ensuite mémoriser cette modification en cas d'update du template ...
    Solidaire avec les dinosaures

    Commentaire


    • #3
      Re : Header responsive qui passe sous le slide

      Merci !

      Ca résout en partie le souci, mais il passe toujours dessous le slide.... De même pour la largeur, il dépasse du navigateur :/

      Commentaire


      • #4
        Re : Header responsive qui passe sous le slide

        Essayer aussi ceci pour la largeur cette fois ...

        .default-responsive .art-header, .default-responsive #art-header-bg {
        ...
        background-size: 100% ;
        ...
        }
        Solidaire avec les dinosaures

        Commentaire


        • #5
          Re : Header responsive qui passe sous le slide

          Niquel cela fonctionne !! Juste cela ne semble pas fonctionner d'une largeur à une autre, sinon, lorsque l'on réduit au max cela s'applique bien ! Pourquoi y a t-il encore un bug lorsque la largeur arrive à son maximum ?

          Commentaire


          • #6
            Re : Header responsive qui passe sous le slide

            Bug je sais pas si c'est le mot ...
            Mais un réglage plus fin http://www.alsacreations.com/article...a-queries.html demanderait sans doute plus de temps
            ex pour le template ja_elastica
            je cite
            ...
            The Elastica template "transforms" dynamically into different design states in order to shine on desktops, touch devices (iPad, kindle fire..), iPhones or other mobile devices.
            Adapting to the Screen Resolution with Media Queries
            With media queries we are able to deliver different CSS files to the browser, depending on the screen resolution. A lot of testings on different devices and CSS code lines needed to be done.

            css/layout-mobile.css
            css/layout-mobile-port.css
            css/layout-tablet.css
            css/layout-normal.css
            css/layout-wide.css
            Solidaire avec les dinosaures

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X