Slider sur toute la largeur de la boutique

[JackOne]

Bonjour,

 

Après plusieurs jours de travaux sur ma boutique j'ai réussi à faire ce que je voulais,

mon dernier "problème" que je rencontre est avec mon slider, il ne s'affiche pas sur toute la largeur.

 

Code CSS du slider côté Thème

 

@media (min-width: 992px)
.container {
    max-width: 940px;
}

 

Code CSS du slider côté module 

 

.homeslider-container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
}

.homeslider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.homeslider li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.homeslider img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}

.homeslider .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 1em;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .6);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}

 

Je ne suis pas sûr mais je pense que la solution serait de recréer la classe css du slider car elle est déjà associé à un autre block :

 

.row {
    margin-left: -15px;
    margin-right: -15px
}
.row:after {
    content: "";
    display: table;
    clear: both
}

 

Merci d'avance pour vos éclairages,

 

Bonne soirée,

[Talibido.fr]

@media (min-width: 992px) .container { max-width: 940px; }

cela concerne donc uniquement le PC ? pour le écran > 991 px.

Je tenterais via l'inspecteur sur la page (clic droit inspecter) . de passer max-width: 940px; en width: 100%; afin que le container d'adapte à 100% à l'ecran en cours et non avec un donné fixe de 940 px.

Edited December 19, 2020 by Talibido.fr (see edit history)

[antonio]

altra soluzione semplice: aggancialo a:  hook h='displayNavFullWidth  e lo fai visualizzare nelle pagine che vuoi senza dover riscrivere tutto il tema