Marges différentes selon écrans ?

Marges différentes selon écrans ? was created by FlodAriege

Posted 4 years 11 months ago #52062
Salut,
J'ai réglé des largeurs pour le texte qui sont bien adaptées aux grands écrans (le texte occupe 90% de la largeur).
Mais sur mobile j'aurais besoin d'en occuper davantage : par où faut-il passer pour faire ça ?

(je pourrais laisser courir mais ça fait passer sur deux lignes les logos que j'ai en bas à droite de mon footer, c'est vraiment très moche.)

Merci d'avance !

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Last Edit:4 years 10 months ago by FlodAriege
Last edit: 4 years 10 months ago by FlodAriege. Reason: Réglé : il faut régler la largeur sur 95% et le design de la page sur FLUIDE

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Marges différentes selon écrans ?

Posted 4 years 11 months ago #52066
Salut
tu peux aller dans la partie Responsive >> custom css >> écrire tes règles pour agir sur les éléments que tu veux, pour les résolutions données
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by FlodAriege on topic Marges différentes selon écrans ?

Posted 4 years 11 months ago #52194
Merci.
J'ai bien tenté de saisir un :
Code:
.container, .tck-container { width: 95%; }
dans le custom css sous la partie Responsive, mais ça reste sans effet. Et bizarrement quand j'y retourne, je ne retrouve pas mon code. J'ai pourtant enregistré et fait Actions / copier-appliquer les changements.

Du coup j'ai fouillé ton css via l'inspecteur, et ai vu que dans mobile.css, tu fixes des largeurs en pixels, comme par exemple :
Code:
@media screen and (max-width: 524px) { .tck-container { width: 292px; }}

Si je désactive cette règle, ça semble améliorer l'affichage (en tout cas sur mon petit iphone 7), mais ça me chiffonne car je me dis que si tu as pris le parti de régler cette largeur en pixels, et pas en %, c'est qu'il doit bien y avoir une raison...
Laquelle ?

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Marges différentes selon écrans ?

Posted 4 years 11 months ago #52198
lorsque tu es dans la partie responsive, il faut d'abord que tu fermes le panneau gauche avant de faire le reste, sinon les modifs ne sont pas prises en compte (petit effet de bord que je devrais régler)

en mode mobile, tu as 1px de ta résolution qui équivaut à 1px du téléphone (on ne parle pas ici de résolution d'écran du téléphone). 292px correspond à la taille d'un écran de téléphone en mode portrait. Cette valeur tu peux la régler dans les options responsive

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by FlodAriege on topic Marges différentes selon écrans ?

Posted 4 years 10 months ago #52439
Bonjour,

ced1870 wrote: lorsque tu es dans la partie responsive, il faut d'abord que tu fermes le panneau gauche avant de faire le reste, sinon les modifs ne sont pas prises en compte (petit effet de bord que je devrais régler)


Je n'arrive pas à comprendre (ou à faire) ce que tu conseilles de faire.

Je clique sur Responsive design dans la barre du haut
Puis sur Custom CSS pour responsive en bas de la colonne gauche

Mais si ensuite je clique sur :
- "< Fermer" (en haut à gauche de l'écran principal des custom css)
- ou sur la coche à droite du titre Responsive dans la colonne gauche
... dans un cas comme dans l'autre ça ferme l'accès au custom css

Comment dois-je procéder pour que ces css soient prises en compte ?

Merci

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Marges différentes selon écrans ?

Posted 4 years 10 months ago #52453
ok c'est bon, ensuite tu as fait "Actions >> copier les changements" ?

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.678 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 810 guests and no members online