{"id":148507,"date":"2025-05-19T15:55:15","date_gmt":"2025-05-19T12:55:15","guid":{"rendered":"https:\/\/elementor.com\/help\/edition-responsive\/"},"modified":"2025-05-19T15:55:15","modified_gmt":"2025-05-19T12:55:15","slug":"edition-responsive","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/","title":{"rendered":"\u00c9dition responsive"},"content":{"rendered":"\n

[callout title=\u00a0\u00bbQui peut utiliser cette fonctionnalit\u00e9\u00a0\u00bb]Cet article concerne les utilisateurs de l’\u00c9diteur v4<\/strong>. Si vous utilisez l’\u00c9diteur v3<\/strong>, consultez l’article correspondant ici :
\ud83d\udc49 Design responsive<\/a> [\/callout]<\/p>\n\n\n\n

L’\u00e9dition responsive permet de modifier un \u00e9l\u00e9ment pour que le design s’adapte aux diff\u00e9rentes tailles d’\u00e9cran. Dans Elementor Editor V4, l’\u00e9dition responsive est claire et simple, et toutes les options des \u00e9l\u00e9ments peuvent \u00eatre personnalis\u00e9es pour diff\u00e9rentes tailles d’\u00e9cran. <\/p>\n\n\n\n

Pour modifier un \u00e9l\u00e9ment selon l’appareil<\/strong> : <\/p>\n\n\n\n

    \n
  1. S\u00e9lectionnez l’\u00e9l\u00e9ment que vous souhaitez modifier.
    \"\"
    Dans cet exemple, nous visualisons la page telle qu’elle appara\u00eetrait sur un ordinateur de bureau.<\/li>\n\n\n\n
  2. Dans la barre sup\u00e9rieure, cliquez sur l’appareil pour lequel vous souhaitez effectuer des modifications.
    [callout type=\u00a0\u00bbnote\u00a0\u00bb]Vous pouvez modifier toutes les options sous l’onglet Style<\/strong> en mode responsive.[\/callout]
    Dans ce cas, nous allons passer aux param\u00e8tres pour mobiles.<\/li>\n\n\n\n
  3. Modifiez les options.
    Dans ce cas, nous allons changer l’image d’arri\u00e8re-plan et r\u00e9duire la taille de la police du texte.
    \"\"
    \"\"
    Vous voyez la page telle qu’elle appara\u00eet sur les appareils mobiles.
    [callout type=\u00a0\u00bbnote\u00a0\u00bb]Par d\u00e9faut, les param\u00e8tres responsive sont h\u00e9rit\u00e9s des grands \u00e9crans vers les plus petits \u00e9crans. Par exemple, si vous utilisez une police de 24 points pour un titre sur ordinateur, les tablettes utiliseront \u00e9galement une police de 24 points, sauf si vous utilisez l’\u00e9dition responsive pour modifier la taille pour les tablettes. Et si vous la changez \u00e0 12 points pour les tablettes, les mobiles utiliseront cette police de 12 points sauf si vous la modifiez. L’exception concerne les \u00e9crans larges, qui n’affectent aucun autre param\u00e8tre. [\/callout]<\/li>\n<\/ol>\n\n\n\n

    Masquer un \u00e9l\u00e9ment sur les appareils mobiles<\/h2>\n\n\n\n

    Dans de nombreux designs, un \u00e9l\u00e9ment qui fonctionne bien pour une taille d’\u00e9cran peut ne pas convenir pour une autre. Par exemple, une grande image peut \u00eatre superbe sur les ordinateurs de bureau et les tablettes mais perturber le design sur les mobiles. Dans ces cas, vous pouvez utiliser l’onglet Style pour masquer un \u00e9l\u00e9ment sur certaines tailles d’\u00e9cran. <\/p>\n\n\n\n

    Pour masquer un \u00e9l\u00e9ment sur une taille d’\u00e9cran s\u00e9lectionn\u00e9e<\/strong> :<\/p>\n\n\n\n

      \n
    1. Ajoutez un \u00e9l\u00e9ment \u00e0 une page.
      \"\"
      Pour cet exemple, nous utiliserons une image.
      \"\"<\/li>\n\n\n\n
    2. Cliquez sur l’ic\u00f4ne mobile dans la barre sup\u00e9rieure.
      \"\"<\/li>\n\n\n\n
    3. S\u00e9lectionnez l’\u00e9l\u00e9ment Image. Les options apparaissent dans le panneau de gauche.
      \"\"<\/li>\n\n\n\n
    4. Cliquez sur l’onglet Style<\/strong>.
      \"\"<\/li>\n\n\n\n
    5. Ouvrez la section Mise en page<\/strong>.
      \"\"<\/li>\n\n\n\n
    6. S\u00e9lectionnez aucun<\/strong>.
      \"\"
      L’image n’appara\u00eet plus sur les \u00e9crans mobiles.
      [callout type=\u00a0\u00bbtip\u00a0\u00bb]Vous pouvez toujours acc\u00e9der \u00e0 l’\u00e9l\u00e9ment Image en utilisant le Navigateur. Pour plus de d\u00e9tails, consultez       Utiliser la structure de page pour naviguer dans votre page<\/a>. [\/callout]<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      [callout title=\u00a0\u00bbQui peut utiliser cette fonctionnalit\u00e9\u00a0\u00bb]Cet article concerne les utilisateurs de l’\u00c9diteur v4. Si vous utilisez l’\u00c9diteur v3, consultez l’article correspondant ici :\ud83d\udc49 Design responsive [\/callout] L’\u00e9dition responsive permet de modifier un \u00e9l\u00e9ment pour que le design s’adapte aux diff\u00e9rentes tailles d’\u00e9cran. Dans Elementor Editor V4, l’\u00e9dition responsive est claire et simple, et toutes les […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1612],"tags":[1694],"class_list":["post-148507","post","type-post","status-publish","format-standard","hentry","category-general-fr","tag-v4-fr"],"acf":[],"yoast_head":"\n\u00c9dition responsive | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c9dition responsive | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:55:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"241\" \/>\n\t<meta property=\"og:image:height\" content=\"903\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"\u00c9dition responsive\",\"datePublished\":\"2025-05-19T12:55:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\"},\"wordCount\":470,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"General\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\",\"url\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\",\"name\":\"\u00c9dition responsive | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\",\"datePublished\":\"2025-05-19T12:55:15+00:00\",\"description\":\"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Non cat\u00e9goris\u00e9\",\"item\":\"https:\/\/elementor.com\/help\/fr\/non-categorise\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00c9dition responsive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c9dition responsive | Elementor","description":"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c9dition responsive | Elementor","og_description":"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/","og_site_name":"Help","article_published_time":"2025-05-19T12:55:15+00:00","og_image":[{"width":241,"height":903,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Cliff Churgin","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"\u00c9dition responsive","datePublished":"2025-05-19T12:55:15+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/"},"wordCount":470,"publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png","keywords":["V4"],"articleSection":["General"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/","url":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/","name":"\u00c9dition responsive | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png","datePublished":"2025-05-19T12:55:15+00:00","description":"Learn everything about \u00c9dition responsive in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/fr\/edition-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/fr\/edition-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/fr\/"},{"@type":"ListItem","position":2,"name":"Non cat\u00e9goris\u00e9","item":"https:\/\/elementor.com\/help\/fr\/non-categorise\/"},{"@type":"ListItem","position":3,"name":"\u00c9dition responsive"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/fr\/#website","url":"https:\/\/elementor.com\/help\/fr\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/fr\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/comments?post=148507"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148507\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/media?parent=148507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/categories?post=148507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/tags?post=148507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}