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

[woofer01]

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 !

[messinmaisoui]

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 ...

[woofer01]

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 :/

[messinmaisoui]

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% ;
...
}

[woofer01]

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 ?

[messinmaisoui]

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