<\/span><\/h2>\n\n\n\n[Appearance] > [Menu]<\/p>\n\n\n\n
In the advanced settings of the parent menu you want to turn into a mega menu, check "Enable mega menu."<\/p>\n\n\n\nThis will create a default two-column mega menu.<\/p>\n\n\n\n<\/span>Specify the number of columns for the mega menu<\/span><\/h2>\n\n\n\nOceanWP allows you to set up 1-6 columns.<\/p>\n\n\n\n
<\/span>What is a one-column mega menu?<\/span><\/h3>\n\n\n\nI was curious about what it meant to set up a mega menu in one column, so I decided to implement it.<\/p>\n\n\n\n
I found that it was no different from a normal drop-down format (it was wider than normal).<\/p>\n\n\n\n<\/span>Mega menu with 6 columns<\/span><\/h3>\n\n\n\nSince there were exactly six submenu items, I set the number of columns to 6.<\/span>Mega menu set to 3 columns<\/span><\/h3>\n\n\n\nThree columns seemed like a good size. However, I needed to adjust the number of characters and make adjustments so that there were no menus that were two rows long.<\/p>\n\n\n\n<\/span>Mega menu width adjustment<\/span><\/h2>\n\n\n\nBy default, it is set to fill the content width.<\/p>\n\n\n\n
Check [Auto adjust mega menu width?] to set the width automatically.<\/p>\n\n\n\nSince the width will be small, I don't think you need to set [Auto-specify mega menu width?].<\/p>\n\n\n\n<\/span>What is Hiding Mega Menu Headings?<\/span><\/h2>\n\n\n\nThe next thing that caught my attention was the setting "Hide mega menu headings?".<\/p>\n\n\n\nNothing came out anymore.<\/p>\n\n\n\n<\/span>Customizing with CSS<\/span><\/h2>\n\n\n\nWhen the layout was two-tiered, there was no boundary between the first and second tiers, which made it difficult to understand, and I wanted to make the vertical width wider, so I added the following CSS.<\/p>\n\n\n\n.navigation li.megamenu-li .megamenu.col-3>li { border-bottom: 1px solid #f1f1f1; height: 40px; }<\/code><\/pre>\n\n\n\nHere is the mega menu after adjusting the text volume of the menu items and adding some CSS.<\/p>\n\n\n\n\u6d77\u5916\u88fd\u306eOceanWP\u3068\u3044\u3046\u30c6\u30fc\u30de\u306a\u306e\u3067\u3059\u304c\u3001\u8a2d\u5b9a\u753b\u9762\u304c\u65e5\u672c\u8a9e\u5316\u3055\u308c\u3066\u3044\u3066\u3001\u51fa\u6765\u308b\u4e8b\u304c\u591a\u304f\u3068\u3066\u3082\u4f7f\u3044\u3084\u3059\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002 \u4eca\u56de\u306f\u3001OceanWP\u30c6\u30fc\u30de\u3092\u4f7f\u3063\u3066\u3001\u30e1\u30ac\u30e1\u30cb\u30e5\u30fc\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002\u901a\u5e38\u306f\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u5f62 […]<\/p>\n","protected":false},"author":1,"featured_media":12630,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1486],"tags":[1487,280],"class_list":["post-12629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oceanwp","tag-oceanwp","tag-280"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/07\/Other-1.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"\u6d77\u5916\u88fd\u306eOceanWP\u3068\u3044\u3046\u30c6\u30fc\u30de\u306a\u306e\u3067\u3059\u304c\u3001\u8a2d\u5b9a\u753b\u9762\u304c\u65e5\u672c\u8a9e\u5316\u3055\u308c\u3066\u3044\u3066\u3001\u51fa\u6765\u308b\u4e8b\u304c\u591a\u304f\u3068\u3066\u3082\u4f7f\u3044\u3084\u3059\u3044\u3068\u601d…","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/12629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=12629"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/12629\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/12630"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=12629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=12629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=12629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}