{"id":1825,"date":"2023-01-17T17:11:59","date_gmt":"2023-01-17T17:11:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2023\/01\/17\/6475658-createur-de-sites-web-comment-modifier-la-version-mobile-d-un-site-web-chez-hostinger\/"},"modified":"2025-08-28T11:12:37","modified_gmt":"2025-08-28T11:12:37","slug":"6475658-createur-de-sites-web-comment-modifier-la-version-mobile-d-un-site-web-chez-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6475658-createur-de-sites-web-comment-modifier-la-version-mobile-d-un-site-web-chez-hostinger\/","title":{"rendered":"Cr\u00e9ateur de Sites Web : Comment Modifier la Version Mobile d&rsquo;un Site Web Chez Hostinger ?"},"content":{"rendered":"<p class=\"no-margin\">Par d&eacute;faut, <b>la version mobile du site web affiche les &eacute;l&eacute;ments dans l&rsquo;ordre o&ugrave; ils ont &eacute;t&eacute; ajout&eacute;s sur la version de bureau<\/b>. M&ecirc;me si, par la suite, vous r&eacute;organisez les &eacute;l&eacute;ments sur le bureau, ces modifications ne sont pas automatiquement appliqu&eacute;es &agrave; la version mobile. Vous pouvez trier manuellement les &eacute;l&eacute;ments sur la vue mobile. De cette fa&ccedil;on, vous pouvez disposer les &eacute;l&eacute;ments diff&eacute;remment sur les vues desktop et mobile.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Pour obtenir un r&eacute;sultat optimal, &eacute;vitez de d&eacute;placer des &eacute;l&eacute;ments entre les sections : cela affecte les versions mobile et de bureau et risque de d&eacute;former la mise en page de votre site web ; n&rsquo;h&eacute;sitez pas &agrave; repositionner les &eacute;l&eacute;ments &agrave; l&rsquo;int&eacute;rieur d&rsquo;une section &#128161;<\/p>\n<\/div><h1 id=\"h_dfadee7d6f\">Acc&eacute;der &agrave; l&rsquo;&eacute;diteur mobile<\/h1><p class=\"no-margin\">Passez d&rsquo;une vue &agrave; l&rsquo;autre en cliquant sur l&rsquo;ic&ocirc;ne <b>mobile<\/b> ou<b> bureau<\/b> dans la barre d&rsquo;outils sup&eacute;rieure :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/2adc008b-bfd9-40a0-bd5e-52ec7a81f0f7.jpg\" alt=\"Le bouton pour basculer entre les versions desktop et mobile \"><\/div><h1 id=\"h_fb54a49229\">R&eacute;organiser les &eacute;l&eacute;ments<\/h1><p class=\"no-margin\">Pour r&eacute;organiser les &eacute;l&eacute;ments, entrez dans la vue mobile, et faites simplement glisser et d&eacute;poser les &eacute;l&eacute;ments :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2025\/08\/sortelement.gif\" alt=\"Trier les &eacute;l&eacute;ments \"><\/div><h1 id=\"h_a8d43eb24c\">Redimensionner les &eacute;l&eacute;ments<\/h1><p class=\"no-margin\">Pour redimensionner des &eacute;l&eacute;ments, entrez dans la vue mobile et utilisez les poign&eacute;es de redimensionnement sur les bordures des &eacute;l&eacute;ments :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2025\/08\/resizeelement.gif\" alt=\"Redimensionnement des &eacute;l&eacute;ments\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">En savoir plus : <b><a class=\"intercom-content-link\" href=\"\/fr\/support\/6491230-createur-de-sites-web-comment-redimensionner-les-elements-et-les-sections\" target=\"_blank\" rel=\"noopener\">Comment redimensionner les &eacute;l&eacute;ments et les sections<\/a><\/b><\/p>\n<\/div><h1 id=\"h_2d4265676c\">Redimensionner le texte<\/h1><p class=\"no-margin\">Vous pouvez redimensionner le texte de deux mani&egrave;res :<\/p><ul>\n<li>\n<p class=\"no-margin\">Globalement &ndash; affecte <b>tous les textes d&rsquo;un style particulier <\/b>(par exemple, tous les textes &eacute;crits en l&rsquo;ent&ecirc;te 1) sur l&rsquo;ensemble de votre site web en vue mobile<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Localement &ndash; affecte <b>un &eacute;l&eacute;ment de texte particulier<\/b> sur la vue mobile<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Pour redimensionner le texte de mani&egrave;re <b>globale <\/b>sur le mobile, acc&eacute;dez &agrave; la vue mobile et modifiez la taille de la police d&rsquo;un style de texte particulier dans <b><a class=\"intercom-content-link\" href=\"\/fr\/support\/6463286-createur-de-sites-web-comment-changer-le-style-du-texte\" target=\"_blank\" rel=\"noopener\">les param&egrave;tres du style de texte global<\/a><\/b> :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2025\/08\/resizetext.gif\" alt=\"Modifier la taille du texte globalement\"><\/div><p class=\"no-margin\">Pour redimensionner le texte <b>localement <\/b>sur le mobile, entrez dans la vue mobile, cliquez sur un &eacute;l&eacute;ment de texte particulier et modifiez la taille de sa police :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/4903bb78-f35d-48b7-9bca-95e3350ebcae.gif\" alt=\"Modifier la taille du texte localement\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Vous pouvez d&eacute;finir les param&egrave;tres suivants de mani&egrave;re &agrave; ce qu&rsquo;ils soient diff&eacute;rents sur l&rsquo;ordinateur de bureau et sur le t&eacute;l&eacute;phone portable :<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>Taille de la police<\/b> ; par exemple, desktop : 20 PX, mobile : 18 PX<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Alignement du texte<\/b> ; par exemple, bureau : gauche, mobile : centre<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Hauteur de la ligne<\/b> ; par exemple, desktop : 2, mobile : 1.5<\/p>\n<\/li>\n<\/ul>\n<\/div><p class=\"no-margin\"><b>Cela signifie que d&egrave;s que vous modifiez un autre param&egrave;tr<\/b>e &ndash; famille de polices, gras, italique, soulign&eacute;, etc. &ndash; <b>la modification sera r&eacute;percut&eacute;e &agrave; la fois sur l&rsquo;ordinateur de bureau et sur le t&eacute;l&eacute;phone portable<\/b>. Il en va de m&ecirc;me si vous modifiez l&rsquo;ensemble du style de texte. Par exemple, si vous d&eacute;finissez l&rsquo;intitul&eacute; 2 pour le mobile alors qu&rsquo;il s&rsquo;agit de l&rsquo;intitul&eacute; 1 pour le bureau, l&rsquo;&eacute;l&eacute;ment de texte dans l&rsquo;affichage du bureau passera &eacute;galement &agrave; l&rsquo;intitul&eacute; 2.<\/p><p class=\"no-margin\">Vous pouvez <b>dupliquer<\/b> un &eacute;l&eacute;ment ou une section et <b>rendre une version visible sur le bureau et une autre sur le mobile<\/b>. De cette fa&ccedil;on, vous avez plus de libert&eacute; pour styliser le contenu sur l&rsquo;ordinateur de bureau et sur le mobile individuellement, car, normalement, certains param&egrave;tres (par exemple, le style de texte) s&rsquo;appliquent &agrave; la fois &agrave; l&rsquo;ordinateur de bureau et au mobile. En savoir plus : <b><a class=\"intercom-content-link\" href=\"\/fr\/support\/6721428-createur-de-site-web-comment-masquer-des-elements-ou-des-sections-sur-un-ordinateur-de-bureau-mobile\" target=\"_blank\" rel=\"noopener\">Comment masquer des &eacute;l&eacute;ments ou des sections sur un ordinateur de bureau\/mobile<\/a><\/b><\/p><h1 id=\"h_db787977d1\">Modifier la position du menu<\/h1><p class=\"no-margin\">Pour modifier la position du menu, entrez dans la vue mobile, cliquez sur la section d&rsquo;en-t&ecirc;te et ouvrez ses <b>param&egrave;tres <\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/15729ab9-e984-4f3e-98ed-e4d40abfe792.jpg\" alt=\"Ouvrir les param&egrave;tres de l'en-t&ecirc;te \"><\/div><p class=\"no-margin\">Dans l&rsquo;onglet <b>Mise en page<\/b>, modifiez la position du menu :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/89ba8ace-e386-4ced-87cf-f320af592b32.jpg\" alt=\"Modifier la position du menu \"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Si vous ne voyez pas la section de l&rsquo;en-t&ecirc;te, il est probable que toutes les pages de votre site web soient <b><a class=\"intercom-content-link\" href=\"\/fr\/support\/6456821-createur-de-sites-web-comment-masquer-une-page-du-menu-de-navigation-du-site-web\" target=\"_blank\" rel=\"noopener\">masqu&eacute;es dans le menu de navigation<\/a><\/b> &#128161;<\/p>\n<\/div><h1 id=\"h_f9e7ff1b0c\">Modifier la position du logo<\/h1><p class=\"no-margin\">Pour modifier la position du logo, acc&eacute;dez &agrave; la vue mobile, cliquez sur la section de l&rsquo;en-t&ecirc;te, puis s&eacute;lectionnez <b>Changer le logo<\/b> :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/ff2c9bac-1100-49f5-9b98-cc3ca14d51e1.jpg\" alt=\"Ouvrir les param&egrave;tres du logo \"><\/div><p class=\"no-margin\">Dans l&rsquo;onglet <b>Logo<\/b>, modifiez la position du logo :<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/01\/dab4b939-b6e5-4a0e-8d14-58aa160075df.jpg\" alt=\"Modifier la position du logo du site web\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Si vous ne voyez pas la section de l&rsquo;en-t&ecirc;te, il est probable que toutes les pages de votre site web soient <b><a class=\"intercom-content-link\" href=\"\/fr\/support\/6456821-createur-de-sites-web-comment-masquer-une-page-du-menu-de-navigation-du-site-web\" target=\"_blank\" rel=\"noopener\">masqu&eacute;es dans le menu de navigation<\/a><\/b> &#128161;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Le cr\u00e9ateur de sites web Hostinger permet d&rsquo;\u00e9diter s\u00e9par\u00e9ment les versions mobile et de bureau pour garantir la qualit\u00e9 de votre site web.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-1825","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475658-hostinger-website-builder-how-to-edit-the-mobile-version-of-a-website\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475658-hostinger-creador-de-sitios-web-como-editar-la-version-movil-de-un-sitio-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475658-createur-de-sites-web-comment-modifier-la-version-mobile-d-un-site-web-chez-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6475658-hostinger-website-builder-cara-edit-website-versi-mobile\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475658-hostinger-svetainiu-kurimo-irankis-kaip-redaguoti-mobiliaja-svetaines-versija\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475658-hostinger-criador-de-sites-como-editar-a-versao-movel-do-seu-site\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6475658-hostinger----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1825"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1825\/revisions"}],"predecessor-version":[{"id":4968,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1825\/revisions\/4968"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}