{"id":128,"date":"2021-07-01T11:53:46","date_gmt":"2021-07-01T11:53:46","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=128"},"modified":"2021-07-04T07:56:35","modified_gmt":"2021-07-04T07:56:35","password":"","slug":"menu-theme-options","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/menu-theme-options\/","title":{"rendered":"Menu &#8211; Theme Options"},"content":{"rendered":"<h3>Menu Design<\/h3>\n<p><strong>Choose for the wide variety of menu designs available &#8211; See available designs with hover <a href=\"http:\/\/apressthemes.com\/apress\/menu-designs\/\" target=\"_blank\" rel=\"noopener\">http:\/\/apressthemes.com\/apress\/menu-designs\/<\/a><br \/>\n<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-874\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-design.png\" alt=\"\" width=\"1443\" height=\"1078\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-design.png 1443w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-design-300x224.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-design-1024x765.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-design-768x574.png 768w\" sizes=\"auto, (max-width: 1443px) 100vw, 1443px\" \/><\/p>\n<h3>Main Menu Styling<\/h3>\n<p><strong>Main Menu Highlight Border<\/strong> &#8211; select the height of menu highlight bar ( in px )<br \/>\n<strong>Main Menu Highlight Border Color<\/strong> &#8211; Controls the color of the menu hover Highlight Border<br \/>\n<strong>Menu Item Padding<\/strong> &#8211; Controls the top\/right\/bottom\/left padding for Menu Item<br \/>\n<strong>Menu Item margin<\/strong> &#8211; Controls the top\/right\/bottom\/left margin for Menu Item.<br \/>\n<strong>Main Menu Font Color<\/strong> &#8211; First Level &#8211; Controls the text color of first level menu items.<br \/>\n<strong>Main Menu Font Hover Color Option<\/strong> &#8211; Select main menu font hover color or gradient<br \/>\n<strong>Main Menu Hover Background Color<\/strong> &#8211; First Level &#8211; Controls the color of the menu hover background color First Level.<br \/>\n<strong>Menu Separator<\/strong> &#8211; select menu separator if required &#8211; no separator \/ Oblique \/ Small \/ Large<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-875\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-styling.png\" alt=\"\" width=\"1252\" height=\"907\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-styling.png 1252w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-styling-300x217.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-styling-1024x742.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-styling-768x556.png 768w\" sizes=\"auto, (max-width: 1252px) 100vw, 1252px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Main Menu Typography<\/h3>\n<p><strong>Select the typography for menu font<\/strong> &#8211; like font family , font size etc<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-873\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-main-menu-typography.png\" alt=\"\" width=\"1190\" height=\"372\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-main-menu-typography.png 1190w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-main-menu-typography-300x94.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-main-menu-typography-1024x320.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-main-menu-typography-768x240.png 768w\" sizes=\"auto, (max-width: 1190px) 100vw, 1190px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Menu Dropdown<\/h3>\n<p><strong>Menu Dropdown Width<\/strong> &#8211; Set menu dropdown width<br \/>\n<strong>Dropdown loading design<\/strong> &#8211; Select form the available styles &#8211; Fade \/ Slide Down \/ Slide up<br \/>\n<strong>Main Menu Dropdown Font Size<\/strong> &#8211; Set menu dropdown font size<br \/>\n<strong>Dropdown Menu Indicator<\/strong> &#8211; Select Drop Down Menu Indicator show\/hide<br \/>\n<strong>Menu Dropdown Top Border<\/strong> &#8211; Controls the border Height of the menu highlight bar.<br \/>\n<strong>Menu Dropdown Item Top\/Bottom Padding<\/strong> &#8211; Controls the top\/bottom padding for Main Menu Dropdown.<br \/>\n<strong>Menu Dropdown Shadow<\/strong> &#8211; Check to enable the dropshadow for menu dropdowns, uncheck to disable.<br \/>\n<strong>Menu Font Color &#8211; Sublevels<\/strong> &#8211; Controls the color of the menu font sublevels.<br \/>\n<strong>Menu Font Hover Color Option &#8211; Sublevels<\/strong> &#8211; Select font color or gradient<br \/>\n<strong>Menu Background Color &#8211; Sublevels<\/strong> &#8211; Controls the color of the menu sublevel background.<br \/>\n<strong>Menu Separator &#8211; Sublevels<\/strong> &#8211; Controls the color of the menu separator sublevels.<br \/>\n<strong>Menu Icon Color(Cart,Search and Extended Menu Icon)<\/strong> &#8211; Controls the text color of the Menu Icon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-877\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-dropdown-menu.png\" alt=\"\" width=\"1377\" height=\"1269\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-dropdown-menu.png 1377w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-dropdown-menu-300x276.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-dropdown-menu-1024x944.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-dropdown-menu-768x708.png 768w\" sizes=\"auto, (max-width: 1377px) 100vw, 1377px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Mega Menu<\/h3>\n<p><strong>Mega Menu Max-Width<\/strong> &#8211; Controls the the max width of the mega menu<br \/>\n<strong>Mega Menu Column Title Size<\/strong> &#8211; Set the font size for mega menu column titles (menu 2nd level labels).<\/p>\n<p><strong>NOTE- Apress V6 Onwards the Mega menu styling is available in the Menu Options Itself<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-878\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-megamenu.png\" alt=\"\" width=\"1236\" height=\"579\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-megamenu.png 1236w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-megamenu-300x141.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-megamenu-1024x480.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-megamenu-768x360.png 768w\" sizes=\"auto, (max-width: 1236px) 100vw, 1236px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Menu Description Typography<\/h3>\n<p><strong>Description Typography<\/strong> &#8211; Select the typography for menu description font &#8211; like font family , font size etc<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-879\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-description.png\" alt=\"\" width=\"1503\" height=\"557\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-description.png 1503w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-description-300x111.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-description-1024x379.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-menu-description-768x285.png 768w\" sizes=\"auto, (max-width: 1503px) 100vw, 1503px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Top Menu Style<\/h3>\n<p><strong>Top Menu Dropdown Width<\/strong> &#8211; Set top menu dropdown width<br \/>\n<strong>Top Bar Menu Font Color &#8211; Sublevels<\/strong> &#8211; Controls the text color of the secondary menu font sublevels.<br \/>\n<strong>Top Bar Menu Background Color &#8211; Sublevels<\/strong> &#8211; Controls the background color of the secondary menu sublevels.<br \/>\n<strong>Top Menu Border &#8211; Sublevels<\/strong> &#8211; Controls the border color of the secondary menu sublevels.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-880\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-topmenu-styling.png\" alt=\"\" width=\"1461\" height=\"618\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-topmenu-styling.png 1461w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-topmenu-styling-300x127.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-topmenu-styling-1024x433.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-topmenu-styling-768x325.png 768w\" sizes=\"auto, (max-width: 1461px) 100vw, 1461px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Menu Design Choose for the wide variety of menu designs available &#8211; See available designs with hover http:\/\/apressthemes.com\/apress\/menu-designs\/ Main Menu Styling Main Menu Highlight Border &#8211; select the height of menu highlight bar ( in px ) Main Menu Highlight&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[5],"doc_tag":[35],"class_list":["post-128","docs","type-docs","status-publish","hentry","doc_category-theme-options","doc_tag-menu-theme-options"],"year_month":"2026-04","word_count":465,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Theme Options","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/theme-options\/"}],"doc_tag_info":[{"term_name":"Menu - Theme Options","term_url":"https:\/\/apressthemes.com\/help\/docs-tag\/menu-theme-options\/"}],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/128\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=128"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}