[Résolu] Scroobar horizontale (Créer un compte)

j’ai l’impression que c’est un effet responsif sur le logo qui provoque cela pour les écrans qui sont plus petits que 990 px.

allez dans « personnaliser » -> « css additionnel » et retirez le code css qui ressemble à ça :

.mobile-logo .logo img
{
	width: 160%;
}

Salut, si ne connais pas, apprend les différences entre image bitmap et vectorielle par ici.

Salut, ton résultat n’est pas probant… Tu as fait un SVG de 10 Mo !!!

Le visuel de fond du bandeau est un bitmap il ne doit pas fait partie du logo, le logo c’est le visuel de gauche.

Un autre point, les textes doivent impérativement être vectorisés et pas enregistrés avec une typographie comme ici (ça va pas marcher sur pas mal de navigateurs/plateformes).

A priori ton logo devrait peser moins de 100 Ko.

Si tu veux utiliser la typographie de ton logo (Monotype Corsiva) il te faut créer un pack Webfont (fichiers de la police aux formats : .woff2, .woff, .ttf, .svg et .eot) depuis ton ficher .ttf original sur ce site.

Salut, ton thème est plutôt basique côté conception de l’en-tête, un thème comme Blocksy te donnerait plus de fonctionnalité pour créer ton en-tête avec les éléments que tu as et le design souhaité.

Néanmoins il est possible d’obtenir ta mise en page (ou approchant) avec des règles CSS.

Je te donne la base, il faut ajouter des règles pour le responsif sur tablette et mobile.

Voici les règles à mettre dans la partie CSS additionnelle (Apparence -> Personnaliser -> CSS additionnelle) :

.logo img {
	max-width: 100%;
	width: 550px;
}
.custom-logo-link {
	display: block;
	max-width: 500px;
	margin: 0;
}
div.logo {
	display: flex;
	align-items: center;
	margin: -450px auto 0px;
	flex-direction: row;
	justify-content: center;
	max-width: 70%;
}
body .header p.site-description {
	display: inline;
	color: #e52521;
	font-family: "monotype corsiva";
	font-size: 65px;
	max-width: 700px;
	padding-top: 30px;
}
a#custom-header img {
	margin: 0px auto;
}

Il te faut installer la typographie Monotype Corsiva via l’outil d’Elementor (Elementor -> Polices personnalisées).

J’ai utilisé ton visuel de fond dans : Apparence -> Personnaliser -> Image d’en-tête (non recadrée).

Il y a une autre façon de faire en ajoutant l’extension Header and Footer for Elementor qui te permet de créer ton en-tête et ton pied de page avec le constructeur de page. Cela te permet de bien gérer le responsif sans coder de CSS.