{"id":1476,"date":"2021-07-30T12:00:11","date_gmt":"2021-07-30T12:00:11","guid":{"rendered":"https:\/\/learnhowwp.com\/?p=1476"},"modified":"2021-07-31T08:25:34","modified_gmt":"2021-07-31T08:25:34","slug":"divi-menu-module-align-right","status":"publish","type":"post","link":"https:\/\/learnhowwp.com\/divi-menu-module-align-right\/","title":{"rendered":"How to Right Align Divi Menu Module"},"content":{"rendered":"\n<p>Do you want to right align the menu items in Divi Menu Module? In this article you will find the step by step instructions with screenshot on how to align the text in the menu module to the right.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Problem<\/h2>\n\n\n\n<p>When you add a new menu module the items are aligned to the left like the following screenshot. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"261\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-1024x261.jpg\" alt=\"Menu Module Left Align\" class=\"wp-image-1486\"\/><\/figure><\/div>\n\n\n\n<p>They are aligned to the left even if you add a logo to the menu. They appear right next to the logo as seen in the screenshot below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"190\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-logo-1024x190.jpg\" alt=\"Menu Module Left Align with Logo\" class=\"wp-image-1487\"\/><\/figure><\/div>\n\n\n\n<p>However it is possible to move the menu items to the right using menu module settings. To align the items to the right you have to change both the settings below. If you skip the first step then you might not see the option in the second step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Menu Module Layout Options<\/h2>\n\n\n\n<p>The firs step is set to the Layout setting in the Menu module.<\/p>\n\n\n\n<p>Open <strong>Menu Module Settings > Design > Layout <\/strong>and then set it to <strong>Left Aligned<\/strong>.<\/p>\n\n\n\n<p>Please check the screenshot below if you are having trouble finding the option.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"420\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-layout-style.jpg\" alt=\"Menu Module Layout\" class=\"wp-image-1485\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Set Menu Module Text Alignment to Right <\/h2>\n\n\n\n<p>Next open the <strong>Menu Text toggle in Menu Module Settings > Design <\/strong>tab.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"507\" height=\"464\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-menu-text.jpg\" alt=\"Menu Module Menu Text Toggle\" class=\"wp-image-1488\"\/><\/figure><\/div>\n\n\n\n<p>Then scroll to the bottom of the toggle and set <strong>Text Alignment <\/strong>to <strong>Right<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"489\" height=\"510\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-menu-text-alignment.jpg\" alt=\"Menu Module Right Align Option\" class=\"wp-image-1489\"\/><\/figure><\/div>\n\n\n\n<p>This will right align the menu items in the menu module like the screenshot below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-right-align-1024x308.jpg\" alt=\"Menu Module Right Align\" class=\"wp-image-1484\"\/><\/figure><\/div>\n\n\n\n<p>Leave a comment below if you have any questions. Don\u2019t forget to subscribe to the Newsletter to receive the latest tutorials in your inbox.<\/p>\n\n\n\n<p>Here are some more Divi tutorials that you can check next.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-a8bdb21a-6324-405a-9b4a-e90bd7f3b3de\"><li><a href=\"https:\/\/learnhowwp.com\/divi-cart-icon-number-price-theme-builder\/\">Add Cart Icon With Item Count and Price In Theme Builder<\/a><\/li><li><a href=\"https:\/\/learnhowwp.com\/divi-change-logo-on-hover\/\">How to Change Logo on Hover in Divi Theme<\/a><\/li><li><a href=\"https:\/\/learnhowwp.com\/divi-add-link-bottom-bar-footer\/\">How to Add a Link to Bottom Bar Footer in Divi Theme<\/a><\/li><\/ul>\n\n\n\n<p>You can find a complete list of all the help articles related to Divi on the <a href=\"https:\/\/learnhowwp.com\/divi-tutorials\/\">Divi Tutorials<\/a> page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to right align the menu items in Divi Menu Module? In this article you will find the step by step instructions with screenshot on how to align the text in the menu module to the right. The Problem When you add a new menu module the items are aligned to the left [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-1476","post","type-post","status-publish","format-standard","hentry","category-blog","category-divi-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Right Align Divi Menu Module - LearnHowWordPress<\/title>\n<meta name=\"description\" content=\"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Right Align Divi Menu Module - LearnHowWordPress\" \/>\n<meta property=\"og:description\" content=\"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/\" \/>\n<meta property=\"og:site_name\" content=\"LearnHowWordPress\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-30T12:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-31T08:25:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-1024x261.jpg\" \/>\n<meta name=\"author\" content=\"learnhowwp.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"learnhowwp.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/\"},\"author\":{\"name\":\"learnhowwp.com\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/#\\\/schema\\\/person\\\/12f506c7740d6582e4ab1ca083e5992f\"},\"headline\":\"How to Right Align Divi Menu Module\",\"datePublished\":\"2021-07-30T12:00:11+00:00\",\"dateModified\":\"2021-07-31T08:25:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/\"},\"wordCount\":320,\"commentCount\":4,\"image\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/learnhowwp.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-menu-module-left-aligned-1024x261.jpg\",\"articleSection\":[\"Blog\",\"Divi Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/\",\"url\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/\",\"name\":\"How to Right Align Divi Menu Module - LearnHowWordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/learnhowwp.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-menu-module-left-aligned-1024x261.jpg\",\"datePublished\":\"2021-07-30T12:00:11+00:00\",\"dateModified\":\"2021-07-31T08:25:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/#\\\/schema\\\/person\\\/12f506c7740d6582e4ab1ca083e5992f\"},\"description\":\"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#primaryimage\",\"url\":\"https:\\\/\\\/learnhowwp.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-menu-module-left-aligned.jpg\",\"contentUrl\":\"https:\\\/\\\/learnhowwp.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-menu-module-left-aligned.jpg\",\"width\":1154,\"height\":294,\"caption\":\"Menu Module Left Align\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/divi-menu-module-align-right\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.learnhowwp.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Right Align Divi Menu Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/#website\",\"url\":\"https:\\\/\\\/www.learnhowwp.com\\\/\",\"name\":\"LearnHowWordPress\",\"description\":\"WordPress Tutorials Tips &amp; Tricks\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.learnhowwp.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.learnhowwp.com\\\/#\\\/schema\\\/person\\\/12f506c7740d6582e4ab1ca083e5992f\",\"name\":\"learnhowwp.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g\",\"caption\":\"learnhowwp.com\"},\"url\":\"https:\\\/\\\/learnhowwp.com\\\/author\\\/learnhowwp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Right Align Divi Menu Module - LearnHowWordPress","description":"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.","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:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/","og_locale":"en_US","og_type":"article","og_title":"How to Right Align Divi Menu Module - LearnHowWordPress","og_description":"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.","og_url":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/","og_site_name":"LearnHowWordPress","article_published_time":"2021-07-30T12:00:11+00:00","article_modified_time":"2021-07-31T08:25:34+00:00","og_image":[{"url":"https:\/\/www.learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-1024x261.jpg","type":"","width":"","height":""}],"author":"learnhowwp.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"learnhowwp.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#article","isPartOf":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/"},"author":{"name":"learnhowwp.com","@id":"https:\/\/www.learnhowwp.com\/#\/schema\/person\/12f506c7740d6582e4ab1ca083e5992f"},"headline":"How to Right Align Divi Menu Module","datePublished":"2021-07-30T12:00:11+00:00","dateModified":"2021-07-31T08:25:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/"},"wordCount":320,"commentCount":4,"image":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#primaryimage"},"thumbnailUrl":"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-1024x261.jpg","articleSection":["Blog","Divi Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/","url":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/","name":"How to Right Align Divi Menu Module - LearnHowWordPress","isPartOf":{"@id":"https:\/\/www.learnhowwp.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#primaryimage"},"image":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#primaryimage"},"thumbnailUrl":"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned-1024x261.jpg","datePublished":"2021-07-30T12:00:11+00:00","dateModified":"2021-07-31T08:25:34+00:00","author":{"@id":"https:\/\/www.learnhowwp.com\/#\/schema\/person\/12f506c7740d6582e4ab1ca083e5992f"},"description":"In this article you will find step by step instructions with screenshots on how to right align the menu items in the Divi menu module.","breadcrumb":{"@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#primaryimage","url":"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned.jpg","contentUrl":"https:\/\/learnhowwp.com\/wp-content\/uploads\/2021\/07\/image-menu-module-left-aligned.jpg","width":1154,"height":294,"caption":"Menu Module Left Align"},{"@type":"BreadcrumbList","@id":"https:\/\/www.learnhowwp.com\/divi-menu-module-align-right\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.learnhowwp.com\/"},{"@type":"ListItem","position":2,"name":"How to Right Align Divi Menu Module"}]},{"@type":"WebSite","@id":"https:\/\/www.learnhowwp.com\/#website","url":"https:\/\/www.learnhowwp.com\/","name":"LearnHowWordPress","description":"WordPress Tutorials Tips &amp; Tricks","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.learnhowwp.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.learnhowwp.com\/#\/schema\/person\/12f506c7740d6582e4ab1ca083e5992f","name":"learnhowwp.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a97fefb4497e1aa13fc8e4f5cb95e2f3a1270a69748dd74e85cecaab07cbdaa2?s=96&d=mm&r=g","caption":"learnhowwp.com"},"url":"https:\/\/learnhowwp.com\/author\/learnhowwp\/"}]}},"_links":{"self":[{"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/posts\/1476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/comments?post=1476"}],"version-history":[{"count":5,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/posts\/1476\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/posts\/1476\/revisions\/1492"}],"wp:attachment":[{"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/media?parent=1476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/categories?post=1476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnhowwp.com\/wp-json\/wp\/v2\/tags?post=1476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}