Problème Barre supérieure et titre de la page

WordPress :5.4
Statut : résolu

Ce sujet contient 5 réponses, 3 participants et a été mis à jour pour la dernière fois par Julien M, le il y a 1 année et 8 mois.

6 sujets de 1 à 6 (sur un total de 6)

Auteur

Messages
13 mai 2020 à 11 h 23 min #2343012
cocod
Participant

Chevalier WordPress
189 contributions
Bonjour,
- Ma configuration WP actuelle :
  – Version de WordPress : 5.4.1
  – Version de PHP/MySQL : 7.2.30 / 5.6.46
  – Thème utilisé : OceanWP
  – Thème URI : https://oceanwp.org/
  – Extensions en place : All In One SEO Pack (3.4.3), Caldera Forms (1.8.11), Duplicate Post (3.2.4), Elementor (2.9.8), Fonts (2.3), Forum_wordpress_fr (4.2), La Sentinelle antispam (1.5.4), Ocean Extra (1.6.2), Show-Hide/Collapse-Expand (1.2.3), Simple CSS (1.1), Use Any Font (5.9), Verify Email for Caldera Forms (1.2.0), WPForms Lite (1.6.0.1)
  – Adresse du site : http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr
  – Nom de l’hébergeur : Apache
Problème(s) rencontré(s) : Deux problèmes.

Comment supprimer les bandes blanches en haut et en bas de l’image qu’il y a dans la barre supérieure ?
Dans personnaliser onglet barre supérieur/général/les Marges internes (px) sont à zéro et je ne vois pas où agir d’autre.

Deuxième problème comment peut on mettre un espace plus grand dans le titre du site.

Donc entre Myriam CASES-JOLINON et Psychanalyste Rêve Éveille ?

Cordialement.

DB

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
13 mai 2020 à 16 h 47 min #2343041
ferman
Participant

Maître WordPress
5126 contributions
Bonjour,

Ce n’est pas simple car pas vraiment responsive. Il faut utiliser des media queries. Essayez en mettant le code ci-dessous dans vos CSS additionnelles:
```
@media only screen and (min-width: 1025px){
#topbar-template{height:298px!important;}
}	
@media only screen and (max-width: 1024px){
#topbar-template{height:200px!important;}
}	
@media only screen and (max-width: 850px){
#topbar-template{height:148px!important;}
}
```
Pour le deuxième problème, je ne sais pas comment vous avez mis le titre mais en mode texte vous pouvez essayer en ajoutant des espaces html ( ) pour donner Myriam CASES-JOLINON     Psychanalyste Rêve Éveille. Si ça fonctionne vous mettez autant d’espaces que vous voulez.
13 mai 2020 à 17 h 30 min #2343043
cocod
Participant

Chevalier WordPress
189 contributions
Bon soir,

merci beaucoup pour votre message,

pour la première question en fait il suffit de mettre
```
}
/*zone bas de la barre du haut*/
@media only screen and (min-width: 1024px){
#topbar-template{height:310px!important;}
}
```
et cela fonctionne pour le blanc qu’il y a en bas de la barre supérieure, mais ça n’enlève pas le blanc du haut.

Pour la deuxième question j’avais essayé la solution que vous m’avez donné, ça ne fonctionnait pas car j’avais oublié de mettre les ;

Cordialement.

DB
13 mai 2020 à 17 h 48 min #2343044
ferman
Participant

Maître WordPress
5126 contributions
En me concentrant sur les media queries, j’avais oublié de mettre la partie de code pour la barre du haut:
```
.vc_single_image-img{position:relative;
top:-20px;}
```
Et donc, il faudra rectifier la hauteur pour PC (298px).

Pour le code CSS, ça ne suffit pas. C’est OK pour PC mais pas pour tablette horizontale ou verticale. D’où les 2 autres media queries.
- Cette réponse a été modifiée le il y a 2 années et 1 mois par ferman.
- Cette réponse a été modifiée le il y a 2 années et 1 mois par ferman.
13 mai 2020 à 17 h 50 min #2343046

cocod
Participant

Chevalier WordPress
189 contributions

super sympa, merci bonne soirée.

Je mets résolu.

29 septembre 2020 à 12 h 31 min #2354851

Julien M
Participant

Initié WordPress
5 contributions

Bonjour,

je suis nouveau sur le forum et je ne sais pas ou créer un sujet.

– Version de WordPress : 5.5.1
– Thème utilisé : Generate Press
– extensions : elementor
– Adresse du site : https://www.arcade-evenements.fr/

J’ai un problème sur ma barre de menu, quand j’ajoute une nouvelle page au menu, les titres de navigation passe sou le logo situé au milieu. En fait la largeur du menu reste la même, même lorsque l’on ajoute une nouvelle page. Comment faire pour qu’il ne passe pas sous le logo et du coup pour augmenter la largeur du menu ?

Merci pur votre aide.
Auteur

Messages