{"id":267392,"date":"2021-05-24T09:24:30","date_gmt":"2021-05-24T09:24:30","guid":{"rendered":"https:\/\/essential-addons.com\/elementor\/?post_type=docs&p=267392"},"modified":"2021-05-24T09:24:30","modified_gmt":"2021-05-24T09:24:30","password":"","slug":"simple-menu","status":"publish","type":"docs","link":"https:\/\/essential-addons.com\/docs\/simple-menu\/","title":{"rendered":"Simple Menu"},"content":{"rendered":"

EA Simple Menu<\/b><\/a> allows you to display the navigation menu of your site at any place of your website you want. It comes with ready layouts to make your navigation menu stand out and user-friendly. This will come handy to improve your user experience on your website. L<\/span>et’s check out the step by step guidelines below to configure and style EA Simple Menu:<\/span><\/p>\n

How To Create A Menu<\/strong><\/h2>\n

First, make sure that you have already created a Menu to use on EA Simple Menu. If not, then you can simply go to your WordPress Dashboard wp-admin -> Appearance -> Menus<\/strong>.<\/span><\/p>\n

You can add and drag & drop any items to create a Menu & save it for further use.<\/span>\"EA<\/a><\/p>\n

How To Activate EA Simple Menu<\/b><\/h2>\n

To use this <\/span>Essential Addons<\/b><\/a> element, find the<\/span> ‘EA Simple Menu’ <\/b>element from the Search option under the <\/span>‘ELEMENTS’<\/b> tab. Simply just Drag & Drop the <\/span>‘<\/b>EA Simple Menu’ into the <\/span>‘Drag widget here’ or the <\/span>‘+’<\/strong> section.<\/span>\"EA<\/a><\/p>\n

How To Configure The Content Settings<\/b><\/h2>\n

After you have completed adding the <\/span>EA Simple Menu <\/b>in your <\/span>Elementor Editor<\/b><\/a>, now all you need to do is to configure the <\/span>\u2018Content\u2019<\/b> tab. It consists of\u00a0 <\/span>‘General’, <\/b>&<\/span> ‘Hamburger Options’<\/b>. <\/b>\"\"<\/a><\/p>\n

General<\/h3>\n

From the <\/span>‘General’<\/b> option,\u00a0<\/span>you can pick the \u2018Menu\u2019 which you have created on your website.<\/span><\/p>\n

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

After that, choose your preferred layout from the ‘Preset’ <\/strong>drop-down menu options to change the outlook of your navigation menu. It comes with Preset 1, Preset 2,<\/strong> and Preset 3<\/strong> layouts. Besides, if you want, you can change the \u2018Horizontal\u2019<\/strong> layout look to the ‘Vertical’<\/strong> one as per your preference.<\/span><\/p>\n

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

Hamburger Options<\/strong><\/h3>\n

From ‘Hamburger Options’<\/strong>, you can enable this ‘Disable Selected Menu’<\/strong> option, change the alignment, and can make it full width. And all these changes are functional for responsive mode. \"EA<\/a><\/p>\n

How to Style EA Simple Menu\u00a0<\/b><\/h2>\n

Switch to the <\/span>‘Style’<\/b> tab to style all the features of EA Simple Menu.<\/span>\"EA<\/a><\/p>\n

Main Menu<\/h3>\n

From the <\/span>\u2018Main Menu\u2019<\/b> section, you can set the background color, border type, and add shadow to change the outlook.<\/span>\"EA<\/a><\/p>\n

Others<\/b><\/h3>\n

From the ‘Top Level Item’, <\/strong>change the item padding, alignment, adjust the divider color, or configure the design of typography for both the ‘Default’ & ‘Hover’ option. You can also add styling & change the colors of Dropdown Indicator Items to make your simple navigation menu stunning.<\/p>\n

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

On the other hand, if you want, you can also add advanced design to your ‘Hamburger Menu’, ‘Dropdown Menu’, and ‘Dropdown Item’<\/strong> and make the changes.<\/p>\n

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

Final Outcome<\/b><\/h2>\n

By following the basic steps and a bit more modifying, you can style your <\/span>EA Simple Menu <\/b>as per your preference.<\/span>\"EA<\/a><\/p>\n

This is how you can simply display your WordPress navigation menu anywhere on your website and make it stunning by using its ready layouts and plenty of styling options.\u00a0<\/span><\/p>\n

Getting stuck? Feel to<\/span> Contact Our Support<\/b><\/a> for further assistance.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

With this EA Simple Menu element, you can get full freedom to display your WordPress website navigation menu anywhere on your website.<\/p>\n","protected":false},"author":10,"featured_media":267407,"template":"","meta":{"inline_featured_image":false,"footnotes":""},"doc_category":[304],"doc_tag":[31,32,185,839,838,40],"class_list":["post-267392","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-content-elements","doc_tag-elementor","doc_tag-essential-addons","doc_tag-essnetial-addons-for-elementor","doc_tag-navigation-menu","doc_tag-simple-menu","doc_tag-wordpress"],"year_month":"2026-05","word_count":477,"total_views":"9811","reactions":{"happy":"3","normal":"0","sad":"26"},"author_info":{"name":"afrin","author_nicename":"afrin","author_url":"https:\/\/essential-addons.com\/author\/syeda-sanjida-afrin\/"},"doc_category_info":[{"term_name":"Content Elements","term_url":"https:\/\/essential-addons.com\/docs-category\/content-elements\/"}],"doc_tag_info":[{"term_name":"Elementor","term_url":"https:\/\/essential-addons.com\/docs-tag\/elementor\/"},{"term_name":"Essential Addons","term_url":"https:\/\/essential-addons.com\/docs-tag\/essential-addons\/"},{"term_name":"Essnetial Addons For Elementor","term_url":"https:\/\/essential-addons.com\/docs-tag\/essnetial-addons-for-elementor\/"},{"term_name":"Navigation Menu","term_url":"https:\/\/essential-addons.com\/docs-tag\/navigation-menu\/"},{"term_name":"Simple Menu","term_url":"https:\/\/essential-addons.com\/docs-tag\/simple-menu\/"},{"term_name":"wordpress","term_url":"https:\/\/essential-addons.com\/docs-tag\/wordpress\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/docs\/267392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/users\/10"}],"version-history":[{"count":6,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/docs\/267392\/revisions"}],"predecessor-version":[{"id":267433,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/docs\/267392\/revisions\/267433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/media\/267407"}],"wp:attachment":[{"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/media?parent=267392"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/doc_category?post=267392"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/essential-addons.com\/wp-json\/wp\/v2\/doc_tag?post=267392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}