Jump to content

Image "sous-catégorie" trop grande sur mobile


Recommended Posts

Bonjour,

J'ai actuellement un soucis sur mon site (version 1.6.1.23)

Thème d'origine (default-bootstrap version 1.0)

Les images de sous catégories vont très bien sur PC, mais sur mobile cela ne va pas du tout.

Les images sont trop grande et sorte du cadre du site. (alors que les autres menu/photo s'adaptent

en taille/format que ce soit sur PC et tel Portable)

 

Version sur PC :

A1.thumb.jpg.af4a9e76455cc2857a6e62f388be2c5f.jpg

 

Version mobile :

 

A2.jpg.f38607e38cc34f8cb47b4fa24c85d2a9.jpg

 

Cela rend très difficile la lisibilité sur téléphone portable

 

J'ai chercher sur google ainsi que sur ce forum une solution, mais je tombe souvent

sur des post parlant simplement le redimensionnement des images.

 

Quelqu'un aurait-il une idée ?

 

 

Link to comment
Share on other sites

Wow c'est un peu rude....vous auriez pu m'envoyer balader à partir de la 2ème ou 3ème réponse, ça aurait été plus sport ;)

C'est la première fois que pour une de mes demande on m'indique que l'url est obligatoirement nécessaire (et cela en 9 ans sur ce forum).  
Il était donc assez difficile pour moi de savoir que dans le cas précis cette information était de première importance.
Et de base, effectivement j'évite autant que possible d'afficher publiquement l'url du site sur des forums ou autres,
(et cela pour plusieurs raisons).  Bien entendu, en message privé sans soucis.

Par contre le fait d'avoir masqué les images (oui, volontairement, vous avez raison) ne semble absolument pas influer à ma demande.

Pour ceux qui aurait besoin de l'url, indiquez le moi ici ou en MP, je vous l’enverrai.

Je précise que j'ai trouvé un img responsive dans le global.css :

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; 

Ce qui laisse penser que l'ensemble du site devrait être "responsive", mais les images de sous-catégorie et des pages cms semblent agir
différemment et restent fixe quel que soit la taille de l'écran (PC ou Mobile) .

J'ai bien tenté de rajouter un "height:auto;" dans category.css, mais sans résultat.

          #subcategories ul li .subcategory-image a img {
            max-width: 100%;
			height:auto;
            vertical-align: top; }

 

Edited by Prestatest (see edit history)
Link to comment
Share on other sites

Ah non c'est carément écrit en dur pour les li de cette liste:

#subcategories ul li {
    float: left;
    width: 500px;
    margin: 0 0 13px 75px;
    text-align: center;
    height: 202px;
}

width: 500px; donc forcément...

Et l'ul parent n'est pas bon non plus avec ses -20px

Le bon code css:

#subcategories ul {
    margin: 0;
}

#subcategories ul li {
    float: left;
    margin: 0 30px 13px 30px;
    text-align: center;
    height: auto;
}

 

Edited by Eolia (see edit history)
Link to comment
Share on other sites

Un grand merci pour votre aide, cela fonctionne parfaitement.

Mon problème etait surement un cas isolé (d'ou le fait que je ne trouvais pas d'info sur internet à ce sujet)
étant donné que j'avais fait moi même cette modif dans la toute première version du site (1.3.2.3) mais
cela m'était totalement sortie de la tête depuis tout ce temps.

Encore merci pour la rapidité et efficacité de votre réponse
 

Edit : pour le -20 je pense (mais plus sûr) que c'était pour centrer les catégories à l'époque du 1.3.2.3 car j'avais un menu latéral

Edited by Prestatest (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...