{"id":111157,"date":"2017-04-19T10:55:47","date_gmt":"2017-04-19T09:55:47","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/custom-theme-integration-copy-2\/"},"modified":"2018-01-22T11:41:43","modified_gmt":"2018-01-22T11:41:43","slug":"change-width-individual-sub-menu","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/change-width-individual-sub-menu\/","title":{"rendered":"How to change the width of an individual sub menu"},"content":{"rendered":"

Under Mega Menu > Menu Themes<\/em>, you can define a global<\/strong> width<\/a> for all of your sub menus.<\/p>\n

It is also possible to change the width of an individual sub menu using Custom Item Styling<\/a>.<\/p>\n

Example<\/h3>\n

In this example we will change the width of the “Contact” Sub menu.<\/p>\n

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

Step 1<\/h3>\n

Log in to WordPress then go to Appearance > Menus.<\/em> Hover over the parent<\/strong> item of your sub menu. In our case it is the “Contact” menu item. Then click the blue Mega Menu button.<\/p>\n

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

Step 2<\/h3>\n

Go to the “Styling” tab and scroll down to the “Sub Menu – Width” option. Set the value to your desired sub menu width then scroll down and click “Save changes”.<\/p>\n

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

End Result<\/h3>\n

The sub menu for the Contact menu item is now 300px wide:<\/p>\n

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

You can also use the “Sub Menu – Horizontal Offset” custom styling option to pull\/pull the sub menu to the left or right.<\/p>\n","protected":false},"excerpt":{"rendered":"

Under Mega Menu > Menu Themes, you can define a global width for all of your sub menus. It is also possible to change the width of an individual sub menu using Custom Item Styling. Example In this example we will change the width of the “Contact” Sub menu. Step…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-111157","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":"Under Mega Menu > Menu Themes, you can define a global width for all of your sub menus. It is also possible to change the width of an individual sub menu using Custom Item Styling. Example In this example we will change the width of the “Contact” Sub menu. Step...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/111157","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=111157"}],"version-history":[{"count":5,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/111157\/revisions"}],"predecessor-version":[{"id":140148,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/111157\/revisions\/140148"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=111157"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=111157"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=111157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}