{"id":112,"date":"2014-07-13T12:18:16","date_gmt":"2014-07-13T12:18:16","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=112"},"modified":"2019-12-05T10:57:24","modified_gmt":"2019-12-05T10:57:24","slug":"centering-menu-items","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/centering-menu-items\/","title":{"rendered":"Centering Menu Items"},"content":{"rendered":"

Centering Top Level Menu Items<\/h3>\n

To center the menu items within the menu bar<\/em>:<\/p>\n

    \n
  1. Go to Mega Menu > Menu Themes.<\/em><\/li>\n
  2. Set ‘Menu Items Align’ to ‘Center’<\/li>\n<\/ol>\n

    Centering Menu Item Text<\/h3>\n

    Text alignment can be set for the various levels (top level, second and third level within mega menus, flyout menus) within the Theme Editor:<\/p>\n

    \"\"<\/a><\/p>\n

    Centering Menu Item Text (on Mobile Only)<\/h3>\n
      \n
    1. Go to Mega Menu > Menu Themes<\/em>.<\/li>\n
    2. Select your Menu theme and scroll to the bottom. Enter the following into the Custom Styling\u00a0area:\n
      @include mobile {\r\n    \/* Center top level menu items *\/\r\n    #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Center second and third level items within mega menu *\/\r\n    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,\r\n    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,\r\n    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,\r\n    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {\r\n        text-align: center;\r\n    }\r\n    \r\n    \/* Center flyout menu items *\/ \r\n    #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { \r\n        text-align: center; \r\n    }\r\n}<\/pre>\n<\/li>\n
    3. Save the theme.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
      Centering Top Level Menu Items To center the menu items within the menu bar: Go to Mega Menu > Menu Themes. Set ‘Menu Items Align’ to ‘Center’ Centering Menu Item Text Text alignment can be set for the various levels (top level, second and third level within mega menus, flyout…<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-112","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Centering Top Level Menu Items To center the menu items within the menu bar: Go to Mega Menu > Menu Themes. Set ‘Menu Items Align’ to ‘Center’ Centering Menu Item Text Text alignment can be set for the various levels (top level, second and third level within mega menus, flyout...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":3,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/112\/revisions"}],"predecessor-version":[{"id":223119,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/112\/revisions\/223119"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=112"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}