template softico et css pour mobile

Bonjour

Je viens de modifier le css pour l'affichage du menu principal sur bureau

Cela fonctionne assez bien.

J'ai choisi la bordure pour souligner lien,
car la règle text-decoration:underline provoquait un petit bug visuel sous le lien Quotidien , à cause de la cédille du Q, la ligne est coupée.
Et impossible d'augmenter l'espace entre le soulignement et le lien pour éviter que la ligne soit coupée.

Maintenant, l'affichage sur mobile n'est pas spécialement esthétique. Comment peut-on réduire la longueur de la ligne pour l'affichage sur mobile ?

 

Merci
 

j'ai modifié un peu le css

pour le mode responsive mobile, j'ai mis

ce qui permet de supprimer la bordure inférieure bleue et de colorier le lien actif en bleu


Dans le css bureau: pas de changement

Mais, j'ai supprimé la couleur bleue dans les paramètres du menu pour les liens actifs


Solution de contournement afin d'éviter la bordure trop longue en mobile, tout en gardant un visuel sur le lien actif sur mobile

 

Salut
est-ce que je peux considérer ta demande comme réglée ?
j'ai vu que tu as répondu tout seul
CEd

Bonjour

Oui et non.

Oui pour la solution de contournement pour l'affichage mobile.

Sauf si une solution existe pour remettre la bordure tout en limitant la longueur de celle-ci.

Et j'aimerai que la longueur de la bordure soit équivalente à la longueur du lien aussi bien en bureau qu'en mobile ?

J'ai essayé des solutions en utilsant display:inline-bloc et position-relative, absolue sans trop de succès pour le moment. 

Je ne suis pas sur mon pc actuellement. J'essayerai de mettre les règles  css que j'ai essayées dès que possible.

Mais, ce n'est qu'une question esthétique donc rien de grave, si tu n'as le temps.

Encore merci pour ton aide.

au lieu de mettre une bordure, tu peux changer le style du texte en mettant souligné
ça prendra juste la longueur du texte dans ce cas

Merci.

Tu parles du soulignement du lien ?
text-decoration:underline