{"id":602,"date":"2015-03-30T18:19:08","date_gmt":"2015-03-30T18:19:08","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=602"},"modified":"2024-12-02T13:25:37","modified_gmt":"2024-12-02T13:25:37","slug":"general-settings","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/general-settings\/","title":{"rendered":"General Settings"},"content":{"rendered":"\n<p>The general settings page shows settings that control the overall behaviour of the plugin. If you have the <a href=\"https:\/\/www.megamenu.com\/upgrade\/\" data-type=\"page\" data-id=\"396755\">Pro addon<\/a> enabled, you&#8217;ll see some extra options listed on this page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2928\" height=\"1880\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1.png\" alt=\"\" class=\"wp-image-414495\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1.png 2928w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-300x193.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-1024x657.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-768x493.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-50x32.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-1536x986.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/03\/general-settings-1-2048x1315.png 2048w\" sizes=\"auto, (max-width: 2928px) 100vw, 2928px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Output<\/h3>\n\n\n\n<p>Max Mega Menu automatically generates the required CSS to display your menu(s). The CSS Output option lets you choose how this CSS is added to your page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Save to filesystem (default, fast, recommended)<\/h4>\n\n\n\n<p>When this option is chosen the CSS will be&nbsp;automatically&nbsp;saved to your uploads directory and enqueued on your site.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >&lt;link rel='stylesheet' id='megamenu-css' href='...\/uploads\/maxmegamenu\/style.css?ver=f399f6' type='text\/css' media='all' \/&gt;<\/pre><\/div>\n\n\n\n<p>If the CSS cannot be saved automatically (due to server permissions) Max Mega Menu will fall back to using the &#8216;Output in &lt;head&gt;&#8217; option.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Output in &lt;head&gt;<\/h4>\n\n\n\n<p>When this option is chosen, the CSS will be minified and placed in an inline style block:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >&lt;style type=\"text\/css\"&gt;#mega-menu-wrap-primary_navigation.......&lt;\/style&gt;<\/pre><\/div>\n\n\n\n<p>This option is fast but will result in some rather ugly source code on your page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Don&#8217;t output CSS<\/h4>\n\n\n\n<p>This option will stop Max Mega Menu from outputting any CSS on your page. You will need to manually enqueue your own CSS for the menu to function correctly.<\/p>\n\n\n\n<p>Next, lets take a look at the configuration options you can set for each of your menu locations.<\/p>\n\n\n\n<p><a class=\"arrow-btn\" style=\"float: right;\" href=\"\/documentation\/menu-location-settings\/\">Next up: Menu Location Settings<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The general settings page shows settings that control the overall behaviour of the plugin. If you have the Pro addon enabled, you&#8217;ll see some extra options listed on this page. CSS Output Max Mega Menu automatically generates the required CSS to display your menu(s). The CSS Output option lets you&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[13],"ht-kb-tag":[],"class_list":["post-602","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started"],"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":"The general settings page shows settings that control the overall behaviour of the plugin. If you have the Pro addon enabled, you&#8217;ll see some extra options listed on this page. CSS Output Max Mega Menu automatically generates the required CSS to display your menu(s). The CSS Output option lets you...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/602","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=602"}],"version-history":[{"count":8,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/602\/revisions"}],"predecessor-version":[{"id":418403,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/602\/revisions\/418403"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=602"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=602"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}