{"id":11088,"date":"2025-07-22T10:14:34","date_gmt":"2025-07-22T09:14:34","guid":{"rendered":"https:\/\/irshaddarpan.com\/?p=11088"},"modified":"2025-07-22T13:00:12","modified_gmt":"2025-07-22T12:00:12","slug":"how-to-center-align-header-menu-in-shopify-dawn-theme","status":"publish","type":"post","link":"https:\/\/irshaddarpan.com\/index.php\/2025\/07\/22\/how-to-center-align-header-menu-in-shopify-dawn-theme\/","title":{"rendered":"How to Center Align Header Navigation Menu in Shopify Dawn Theme"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-1024x576.jpg\" alt=\"\" class=\"wp-image-11100\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-1024x576.jpg 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-300x169.jpg 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-768x432.jpg 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-1536x864.jpg 1536w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-650x366.jpg 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2-600x338.jpg 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/cover-2.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Go to Shopify Dashboard<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-1024x474.png\" alt=\"\" class=\"wp-image-11092\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-1024x474.png 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-300x139.png 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-768x355.png 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-1536x711.png 1536w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-650x301.png 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1-600x278.png 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/1.png 1908w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click on the three Dots &gt; and Click on the Edit Code Button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-1024x669.png\" alt=\"\" class=\"wp-image-11093\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-1024x669.png 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-300x196.png 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-768x502.png 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-650x425.png 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2-600x392.png 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/2.png 1195w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Search base.css and open base.css file<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-1024x514.png\" alt=\"\" class=\"wp-image-11096\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-1024x514.png 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-300x150.png 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-768x385.png 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-1536x770.png 1536w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-650x326.png 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3-600x301.png 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/3.png 1894w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Scroll Totally bottom side and press enter on the last line for blank row addons<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-1024x560.png\" alt=\"\" class=\"wp-image-11098\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-1024x560.png 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-300x164.png 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-768x420.png 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-1536x840.png 1536w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-650x355.png 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1-600x328.png 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/4-1.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>and Paste this code on the base.css section.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>@media screen and (min-width: 990px){\n.header--middle-left {\n    grid-template-areas: 'heading navigation icons';\n    grid-template-columns: 1fr auto 1fr;\n    column-gap: 2rem;\n}\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D08770\">@media<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">screen<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">and<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">min<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #D8DEE9FF\">: 990<\/span><span style=\"color: #D8DEE9\">px<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">header<\/span><span style=\"color: #81A1C1\">--<\/span><span style=\"color: #D8DEE9\">middle<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">left<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">grid<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">template<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\">areas<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">heading navigation icons<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">grid<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">template<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\">columns<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> 1<\/span><span style=\"color: #D8DEE9\">fr<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">auto<\/span><span style=\"color: #D8DEE9FF\"> 1<\/span><span style=\"color: #D8DEE9\">fr<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">column<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\">gap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> 2<\/span><span style=\"color: #D8DEE9\">rem<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Now your Header Menu Center Align<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" src=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-1024x729.png\" alt=\"\" class=\"wp-image-11099\" srcset=\"https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-1024x729.png 1024w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-300x214.png 300w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-768x547.png 768w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-650x463.png 650w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6-600x427.png 600w, https:\/\/irshaddarpan.com\/wp-content\/uploads\/2025\/07\/6.png 1243w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Also available youtube tutorial, don&#8217;t forget to subscribe \ud83d\ude42<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to center align the header nav menu in shopify dawn theme\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/313cKxXb6Y4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Go to Shopify Dashboard Click on the three Dots &gt; and Click on the Edit Code Button Search base.css and open base.css [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11100,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[260,1],"tags":[262,263,267,264,268,261,265,269,266],"class_list":["post-11088","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","category-uncategorised","tag-dawn-theme","tag-header","tag-irshaddarpan","tag-navigation-menu","tag-print-on-demand","tag-shopify","tag-shopify-tutorial","tag-store-setup","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/posts\/11088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/comments?post=11088"}],"version-history":[{"count":6,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/posts\/11088\/revisions"}],"predecessor-version":[{"id":11105,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/posts\/11088\/revisions\/11105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/media\/11100"}],"wp:attachment":[{"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/media?parent=11088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/categories?post=11088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irshaddarpan.com\/index.php\/wp-json\/wp\/v2\/tags?post=11088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}