Redimensionner un module joomla

[ml500]

Bonjour,

Je voudrais savoir comment faire pour que mon module joomla puisse automatiquement s'adapter à mon écran du téléphone quand je lis le site sur le téléphone.

Merci

[woluweb]

Bonjour,

La question est un peu vague. Si vous donniez un lien vers le site et précisiez de quel module vous parlez, ce serait plus commode. Et comment vous voulez que ça s'agence sur smartphone.

Si votre template utilise bootstrap, vous pouvez jouer sur la largeur des colonnes selon la taille d'écran : col-md-6, col-sm-12 etc (à question générale réponse générale )

[ml500]

Voici le lien : http://cabelbethel.com/index.php#

Le site s'affiche correctement sur le pc mais sur mobile, seul le module qui affiche les photos en haut "smaccorgrid" qui ne s'adapte pas à l'écran du téléphone.

Merci de m'aider

[pmleconte]

Bonjour,

Le problème ne vient pas du template (RT Lawyer : http://www.rushthemes.com/joomla-templates/lawyer). Il semble gérer correctement les différentes tailles d'écran.

Le problème vient de votre module SMAccorGrid qui ne sait pas le faire. Il date de 2015 et n'est plus maintenu.

Il faut soit prendre un autre module chez SmallIrons, soit ailleurs.

Pascal

[woluweb]

ah, on voit dans le code du module que la largeur est exprimée en pixels. Et 910 pixels de large, c'est bcp sur smartphone
width: 910px; height: 500px;

Visiblement le module s'appelle smaccorgrid

https://extensions.joomla.org/extension/smaccorgrid/

A vous de voir si qqch est prévu dans les options.
Sinon je vois qu'il n'y a plus eu de mises à jour depuis 2015, donc c'est possible que rien n'ait été prévu pour adapter la taille aux smartphones...

<div class="accordion" style="width: 910px; height: 500px;"><div class="panel" style="width: 738px; height: 457px; left: 0px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/1.jpg&quot;); background-position: center top;"><div class="caption" style="width: 300px; height: 35px; left: 30px; top: 10px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Maître Alain ALINGI BOYA</p></div></div></div><div class="panel" style="width: 40px; height: 457px; left: 741px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/2.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 784px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/3.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 827px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/4.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 870px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/5.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 738px; height: 40px; left: 0px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/6.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 741px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/7.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 784px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/8.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 827px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/9.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 870px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/91.jpg&quot;); background-position: center top;"></div></div>

[pmleconte]

Le module crée une IFrame qui contient les images ??????

[ml500]

Merci beaucoup pour vos interventions. Pouvez vous me proposer un module gratuit similaire qui pourrait facilement s'adapter à tout types d'écran ?