emplacement de module gauche apparait en haut de l'écran sur smartphone (astroid)

[herve]

Bonjour
C'est logique mais je me demandais si l'on pouvait faire apparaître tous les modules (qui ne sont pas des menus) après le contenu sur un smartphone, même si on conserve la position gauche sur les plus grands écrans ?
@+

[Visiteur]

Hello oui c'est possible il faut modifier l'index de cassiop attention à bien fermer les divs sinon c'est la cata ;-)
Ou si tu veux pas modifier l'index tu nones le côté droit, et tu doubles le module.

[RobertG]

Bonjour,

Par défaut, Cassiopeia place les modules de gauche sous le texte, pas en haut, voir un sujet récent que j'avais ouvert.

https://forum.joomla.fr/forum/joomla-4-x-aa/gestion-des-templates-design-css-et-bootstrap-aa/2053384-remplacer-le-menu-principal-sur-petits-%C3%A9crans

[herve]

Salut
J’oubliais de préciser que je suis dans ce cas sur le thème Astroid (je reverrai plus tard le cas cassiopea)
D'autre part en lisant l'autre fil, il me semble que cela ne résout pas mon besoin car j'ai un menu principal en haut qui est bien géré, mais e sont plein de petits modules de contenu que je voudrait déplacer derrière les articles

[Visiteur]

Il faut modifier l'index du thème après la balise main, tu peux faire des trucs comme ça sur cassiop ou les autres thèmes :

<?php if ($this->countModules('contenuapres', false)) : ?>
<div id="contenuapres"><jdoc:include type="modules" name="contenuapres" style="card" headerLevel="3"/></div><?php endif; ?>
<?php if ($this->countModules('contenuapres2', false)) : ?>

Tu peux tout gérer les styles en créant un module dans le back-office
@media screen and (min-width: 896px){
#contenuapres{
display: none;
}
}
@media screen and (max-width: 896px){
.right{
display: none;
}
#contenuapres{
display: block!important;
}
}


Avec cassiop tu peux récupérer les thèmes de wordpress assez facilement, y'a pas de limite design, faut juste faire attention au javascript.

Actuellement j'ai presque fini un site sur le thème Cassiop Cosmo.

[herve]

Merci à vous, je préfère agir au niveau du css :-)

[RobertG]

Bonjour,

J'ai interrogé l'auteur des templates Joomlaplates chez qui j'ai un abonnement et il a lui-même utilisé quand nécessaire un style différent pour les petits écrans, afin de décaler ces modules.
Le problème est que je n'ai aucune idée de comment affecter un style différent pour les petits écrans (j'espère qu'il me l'expliquera).

Il me l'a expliqué : on gère sur quels écrans afficher la section dans ses paramétrages

On doit donc pouvoir dupliquer la section pour la personnaliser

[herve]

Bonjour

Bonjour,

J'ai interrogé l'auteur des templates Joomlaplates chez qui j'ai un abonnement et il a lui-même utilisé quand nécessaire un style différent pour les petits écrans, afin de décaler ces modules.
Le problème est que je n'ai aucune idée de comment affecter un style différent pour les petits écrans (j'espère qu'il me l'expliquera).

Il me l'a expliqué : on gère sur quels écrans afficher la section dans ses paramétrages

On doit donc pouvoir dupliquer la section pour la personnaliser

Merci mais comme je dois aller rapidement, ils ont plutôt décidé accepter de mettre les modules à droite (ce qui résout ce problème).
A moins que tu es un besoin la-dessus ou une super envie, je ne vais pas t'embêter avec cela, d'autant que plus tard je me poserai plus la question pour cassiopea