{"id":1327,"date":"2024-09-25T09:04:19","date_gmt":"2024-09-25T09:04:19","guid":{"rendered":"http:\/\/helpdoc.themearile.com\/?docs=newsexo-pro\/menubar-options"},"modified":"2024-09-25T09:33:37","modified_gmt":"2024-09-25T09:33:37","slug":"menubar-options","status":"publish","type":"docs","link":"https:\/\/helpdoc.themearile.com\/?docs=newsexo-pro\/menubar-options","title":{"rendered":"How to Configure the MenuBar Options"},"content":{"rendered":"\n<p>Go to&nbsp;<strong>Dashboard&nbsp;<\/strong>&gt;&gt;<strong>&nbsp;Appearance<\/strong>&nbsp;&gt;&gt;<strong>&nbsp;Customize&nbsp;<\/strong>&gt;&gt;<strong>&nbsp;Theme Options&nbsp;<\/strong>&gt;&gt;<strong>&nbsp;MenuBar Options.<\/strong><\/p>\n\n\n\n<p><strong>Menu Settings:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Menu Style \u2013\u00a0<\/strong>This will allow you to\u00a0Menus Bar display the<strong> Sticky\/Static<\/strong> style on the page.<\/li>\n\n<ul>\n<li><strong>Sticky<\/strong> &#8211; The menu bar will be <strong>fixed<\/strong> at the top when we scroll the page.<\/li>\n<li><strong>Static<\/strong> &#8211; The menu bar will <strong>Scroll<\/strong> when we scroll the page.<\/li>\n<\/ul>\n<\/ul>\n\n\n\n<p><strong>Menubar Top Border Color<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Menubar Top Border&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Menu Background Color<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Menu Background Color<\/strong>&#8221; color.<\/p>\n\n\n\n<p><strong>Menu Font Color<\/strong> &#8211; Change your&nbsp;<strong>&#8220;Menu Font Color&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Menu Background Active Color<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Menu Background Active Color&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Menu Font Active Color<\/strong> &#8211; Change your&nbsp;<strong>&#8220;Menu Font Active Color<\/strong>&#8221; color.<\/p>\n\n\n\n<p><strong>Dropdown Menu Background Color<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Dropdown Menu Background Color&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Dropdown Menu Font Color<\/strong> &#8211; Change your&nbsp;<strong>&#8220;Dropdown Menu Font Color&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Dropdown Menu Active Color<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Dropdown Menu Active Color&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Menu Active Color in Mobile Devices<\/strong> &#8211; Change your&nbsp;&#8220;<strong>Menu Active Color in Mobile Devices&#8221;<\/strong> color.<\/p>\n\n\n\n<p><strong>Container Width &#8211;&nbsp;<\/strong>We have provided Menubar width in two modes&nbsp;<strong>Container<\/strong>&nbsp;and&nbsp;<strong>Container-Full<\/strong>. You can select your desired&nbsp;<strong>container width<\/strong>&nbsp;as per the requirement.<\/p>\n\n\n\n<p><strong>Menu Items:<\/strong><\/p>\n\n\n\n<p><strong>Search Icon Enable\/Disable<\/strong> &#8211; This will allow you to&nbsp;<strong>Hide\/Show<\/strong>&nbsp;the Search Icon on the menubar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"258\" height=\"1024\" src=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2024\/09\/newsexo-How-to-Configure-the-MenuBar-Options-258x1024.jpg\" alt=\"How to Configure the MenuBar Options\" class=\"wp-image-1352\" srcset=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2024\/09\/newsexo-How-to-Configure-the-MenuBar-Options-258x1024.jpg 258w, https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2024\/09\/newsexo-How-to-Configure-the-MenuBar-Options.jpg 300w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/figure>\n","protected":false},"author":1,"featured_media":0,"parent":1149,"menu_order":16,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-1327","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1327"}],"version-history":[{"count":11,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1327\/revisions"}],"predecessor-version":[{"id":1353,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1327\/revisions\/1353"}],"up":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1149"}],"next":[{"title":"How to Configure Breadcrumb Settings","link":"https:\/\/helpdoc.themearile.com\/?docs=newsexo-pro\/how-to-configure-breadcrumb-settings","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1350"}],"prev":[{"title":"How to Configure the Site Animation, Site Style and Site Layout Options","link":"https:\/\/helpdoc.themearile.com\/?docs=newsexo-pro\/sdsd","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1297"}],"wp:attachment":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1327"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}