Changer position et dimensions logo en version mobile.

[Tristan]

Bonjour à tous,

Je viens de refaire mon site (triogallien.com), la taille et la position du logo en version normale (ordinateur) me plaît mais par contre en version mobile le logo devient énorme et centré (même en paysage).
Pensez vous qu'il y ait un moyen d'améliorer ça? J'aimerais que l'apparence de l'image et du logo soit exactement la même en version classique et en version mobile paysage, et qu'en portrait le logo soit au moins un peu plus petit ... Quelqu'un pourrait il m'aider à réaliser cette opération?

Merci d'avance.

Tristan

[FredVig]

Dans ce type de design, le plus sûr est d'insérer le logo directement dans l'image avec un logiciel de retouche. En général, on en procède pas ainsi, mais étant donné le contenu de l'image, ça peut fonctionner.
En l'état, sur une fenêtre étroite verticale, il est probable que le logo disparaitra, à moins de modifier les paramètres de l'image de fond de façon à ce qu'elle soit en pleine largeur en permanence, quelle que soit la fenêtre.
Vous pouvez aussi faire cela avec du code, si vous voulez conserver le module logo.
Consultez les tutos sur la balise @media.

Un pis-aller très simple consiste à changer le comportement général du logo en fonction de la largeur de cette façon :

Code:

#cc-m-imagesubtitle-image-10705419495{width: 29vw;}
.cc-m-image-align-2{text-align: right!important;}

Mais je ne suis pas certain que cela corresponde à l'effet souhaité

[Tristan]

En effet je vais suivre votre conseil et intégrer le logo à la photo directement.
Merci de votre réponse rapide!

[Contenu sponsorisé]