Largeur de page réduite

Bonjour,

Lorsque je publie un site web (technopale/opale 5.0.4) j’obtiens la page d’accueil normale mais le reste du site est limité en largeur
dans le fichier skin.css j’ai cette variable qui semble poser problème (max-width: 1300px) car si je l’efface j’ai bien un site qui s’étale sur l’ensemble de mon écran

extrait : skin.css

@media (max-width: 1300px) {
.default .scroller, .sco .scroller,
.default .zen_true .scroller, .sco .zen_true .scroller{
padding:1em;
}
.default #toolbox{
position: relative;
left: auto;
}
}

puis-je la faire sauter directement (par builder) ou a-t-elle une fonction spéciale ? sachant que mon site semble responsive (avec ou sans).
Merci d’avance.
Bruno

Bonjour,

Cette règle est lié à la variable --maxWidth du skin.css d’Opale. Si vous ne souhaitez pas utiliser cette variable, vous pouvez tout à fait supprimer ce bout de code CSS.

Mickaël

Bonjour @mid,

Je vais donc supprimer seulement la variable et laisser le reste comme ça si quelqu’un veut modifier plus tard avec styler il pourra toujours rajouter cette limite

@media {
.default .scroller, .sco .scroller,
.default .zen_true .scroller, .sco .zen_true .scroller{
padding:1em;
}

Je n’ai pas l’impression d’avoir un écran exceptionnel (résolution : 2560 x 1440), je ne comprends pas le but de sa mise en place. Est-ce pour mieux gérer le responsive ou est-ce purement esthétique ?
Bruno

On a mis une largeur max pour ne pas avoir de ligne de lecture trop longues.
Cette largeur max implique un padding un peu complexe sur la div .scroller.
On remet ce padding à 1em lorsqu’on est en dessous de la largeur max.