{"id":403076,"date":"2024-01-24T13:17:34","date_gmt":"2024-01-24T13:17:34","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=403076"},"modified":"2024-01-24T13:20:33","modified_gmt":"2024-01-24T13:20:33","slug":"equal-column-height-column-border","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/equal-column-height-column-border\/","title":{"rendered":"Equal Column Height \/ Column Border"},"content":{"rendered":"\n<p>To make each column within a megamenu the same height, go to <em>Mega Menu > Menu Themes > Custom Styling<\/em> and add the following:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">#{$wrap} #{$menu} li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {\n\tdisplay: flex; \/* Make the columns equal height *\/\n\n\t> .mega-menu-column:not(:first-child) {\n\t\tborder-left: 1px #ccc solid; \/* Add a border to the column *\/\n\t}\n}<\/pre>\n\n\n\n<p><em>Important: The sub menu type must be set to &#8220;Mega Menu &#8211; Grid Layout&#8221;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To make each column within a megamenu the same height, go to Mega Menu > Menu Themes > Custom Styling and add the following: #{$wrap} #{$menu} li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { display: flex; \/* Make the columns equal height *\/ > .mega-menu-column:not(:first-child) { border-left: 1px #ccc solid;&#8230;<\/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-403076","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":"To make each column within a megamenu the same height, go to Mega Menu > Menu Themes > Custom Styling and add the following: #{$wrap} #{$menu} li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu { display: flex; \/* Make the columns equal height *\/ > .mega-menu-column:not(:first-child) { border-left: 1px #ccc solid;...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/403076","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=403076"}],"version-history":[{"count":4,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/403076\/revisions"}],"predecessor-version":[{"id":403081,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/403076\/revisions\/403081"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=403076"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=403076"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=403076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}