<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Menus - CODIBU</title>
	<atom:link href="https://help.codibu.com/kbtopic/menus/feed/" rel="self" type="application/rss+xml" />
	<link>https://help.codibu.com</link>
	<description>Hosting &#38; Domain,  Development &#38; Design, SEO &#38; Marketing, 2300+ Themes &#38; Plugins, Free SEO analysis &#38; tools</description>
	<lastBuildDate>Wed, 17 Aug 2022 22:01:37 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://help.codibu.com/wp-content/uploads/2022/07/favicon.png</url>
	<title>Menus - CODIBU</title>
	<link>https://help.codibu.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Mega Menu</title>
		<link>https://help.codibu.com/blog/mega-menu/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mega-menu</link>
					<comments>https://help.codibu.com/blog/mega-menu/#respond</comments>
		
		<dc:creator><![CDATA[JN C]]></dc:creator>
		<pubDate>Wed, 17 Aug 2022 22:01:37 +0000</pubDate>
				<guid isPermaLink="false">https://help.codibu.com/?post_type=kb&#038;p=949</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<div class="entry-content">
<h1 class="big-heading">Mega Menu</h1>
<div class="mfn-builder-content">
<div class="section mcb-section mcb-section-p3aft7uaw">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap mcb-wrap-kbdxx9db5 one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-wgvrqqgqm one column_column">
<div class="column_attr clearfix">
<p>To create a mega menu on your website, you have to add Custom Links to your menu. Make sure that you are in the <i>Appearance &gt; Menus</i> tab before you start. Navigate left, where you can see the custom links tab. When you click on it, it will show two fields, type a &#8220;<strong>#</strong>&#8221; in the first field and your preferred menu item name in the second field called: Link text. Click <strong>Add to Menu</strong>.</p>
</div>
</div>
<div class="column mcb-column mcb-item-72xfbwb7l one column_image">
<div class="image_frame image_item scale-with-grid aligncenter stretch no_border">
<div class="image_wrapper">
<p>&nbsp;</p>
<div class="mask"> </div>
<p><img fetchpriority="high" decoding="async" class="scale-with-grid lazyloaded" title="" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-1.png" alt="mega menu 1" width="1402" height="782" data-ll-status="loaded" /><noscript><img decoding="async" class="scale-with-grid" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-1.png" alt="mega menu 1" title="" width="1402" height="782"></noscript></p>
<div class="image_links "> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-0a6h61xvm one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-dbftsvkkj one column_column">
<div class="column_attr clearfix">
<p>We type a &#8220;<strong>#</strong>&#8221; to make the main link not clickable, you can also type in any <i>URL</i> there.<br />The new menu item will show up on the right, click it to see more options. The most important thing to check is the <strong>Activate Mega Menu</strong> option; remember to have it enabled.</p>
</div>
</div>
<div class="column mcb-column mcb-item-15v2uxh5u one column_image">
<div class="image_frame image_item scale-with-grid aligncenter stretch no_border">
<div class="image_wrapper">
<p>&nbsp;</p>
<div class="mask"> </div>
<p><img decoding="async" class="scale-with-grid" title="" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-2.png" alt="mega menu 2" width="1396" height="815" data-lazy-src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-2.png" /><noscript><img loading="lazy" decoding="async" class="scale-with-grid" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-2.png" alt="mega menu 2" title="" width="1396" height="815"></noscript></p>
<div class="image_links "> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-keenxt977 one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-ohe2je3mb one column_column">
<div class="column_attr clearfix">
<p>When your main menu item is ready we can get to creating the mega menu columns, to do that just add another custom link, again with the &#8220;<strong>#</strong>&#8221; as the link and in the link text field type a &#8220;<strong>&#8211;</strong>&#8220;. Click add to Menu</p>
<p>Drag the created menu item under your previously created main menu item but set it as a subitem. To do that, just move it to the right, just as you would while creating a normal menu.</p>
<p>If you did everything right, the name of the submenu item should change from &#8220;<i>&#8211;</i>&#8221; to &#8220;<i>&#8211; sub-item</i>&#8220;. This is your column. Now you can add your pages under the column, and they will appear on the site under each other.</p>
</div>
</div>
<div class="column mcb-column mcb-item-n38wkuk9i one column_image">
<div class="image_frame image_item scale-with-grid aligncenter stretch no_border">
<div class="image_wrapper">
<p>&nbsp;</p>
<div class="mask"> </div>
<p><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-3.png" alt="mega menu 3" width="1406" height="799" data-lazy-src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-3.png" /><noscript><img loading="lazy" decoding="async" class="scale-with-grid" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-3.png" alt="mega menu 3" title="" width="1406" height="799"></noscript></p>
<div class="image_links "> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-cvrb6pbnq one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-8c22gbknd one column_column">
<div class="column_attr clearfix">
<p>To create another column, just repeat the last step and set the sub-item under the previous one.</p>
</div>
</div>
<div class="column mcb-column mcb-item-6lm2ku3ls one column_image">
<div class="image_frame image_item scale-with-grid aligncenter stretch no_border">
<div class="image_wrapper">
<p>&nbsp;</p>
<div class="mask"> </div>
<p><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-4.png" alt="mega menu 4" width="1388" height="801" data-lazy-src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-4.png" /><noscript><img loading="lazy" decoding="async" class="scale-with-grid" src="https://help.codibu.com/wp-content/uploads/2022/08/mega-menu-4.png" alt="mega menu 4" title="" width="1388" height="801"></noscript></p>
<div class="image_links "> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section the_content no_content">
<div class="section_wrapper">
<div class="the_content_wrapper "> </div>
</div>
</div>
<div class="section section-page-footer">
<div class="section_wrapper clearfix">
<div class="column one page-pager"> </div>
</div>
</div>
</div>
<p>&nbsp;</p>

		</div>
	</div>
</div></div></div></div><p>The post <a href="https://help.codibu.com/blog/mega-menu/">Mega Menu</a> first appeared on <a href="https://help.codibu.com">CODIBU</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://help.codibu.com/blog/mega-menu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Menus</title>
		<link>https://help.codibu.com/blog/menus/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=menus</link>
					<comments>https://help.codibu.com/blog/menus/#respond</comments>
		
		<dc:creator><![CDATA[JN C]]></dc:creator>
		<pubDate>Wed, 17 Aug 2022 22:01:18 +0000</pubDate>
				<guid isPermaLink="false">https://help.codibu.com/?post_type=kb&#038;p=948</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<div class="entry-content">
<h1 class="big-heading">Menus</h1>
<div class="mfn-builder-content">
<div class="section mcb-section mcb-section-nr54f95nm">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap mcb-wrap-cws59p9l1 one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-ug81exnw9 one column_column">
<div class="column_attr clearfix">
<div class="path path-round"><span class="goto">GO TO</span> &gt; WP Admin &gt; Appearance &gt; Menus</div>
<p>This is the default WordPress tab for creating and managing the location of the menus on your website.</p>
</div>
</div>
<div class="column mcb-column mcb-item-3tjo0v21l one column_divider">
<hr class="" style="margin: 0 auto 0px;" /></div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-qeg8i896a one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-q7rkr0ubl one column_column" data-hash="menu-menu">
<div class="column_attr clearfix">
<h3 id="menu-menu" class="small-heading">Assign the main menu</h3>
<p>Once you are in the menus tab, you will also see a Manage Locations tab. This is the default WordPress place to set up your menus for all possible locations.</p>
</div>
</div>
<div class="column mcb-column mcb-item-pzu6k7scz one column_button"><a class="button button_size_2 button_theme" style="color: #ffffff;" href="https://codex.wordpress.org/WordPress_Menu_User_Guide"><span class="button_label">More about menus on WordPress.org</span></a></div>
<div class="column mcb-column mcb-item-elax9ihqy one column_divider">
<hr class="" style="margin: 0 auto 0px;" /></div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-te9kfqjrm one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-5p170ycwv one column_column" data-hash="menu-splitmenu">
<div class="column_attr clearfix">
<h3 id="menu-splitmenu" class="small-heading">Split Header Menu</h3>
<p>Split header uses two menus at the same time, which means you have to create two menus and assign one of them as a &#8220;Primary Menu&#8221; and the second one as a &#8220;Secondary Menu&#8221; in the Display Location section</p>
</div>
</div>
<div class="column mcb-column mcb-item-a47wjedte one column_divider">
<hr class="" style="margin: 0 auto 0px;" /></div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-r1jbs79su one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-60xy8wk7q one column_column" data-hash="menu-actionbar">
<div class="column_attr clearfix">
<h3 id="menu-actionbar" class="small-heading">Action Bar &amp; Footer Menu</h3>
<p>You can replace the existing social icons menu that appears in the action bar &amp; footer of your website with any other menu you want. You will find this in the manage locations tab, under the name Social Menu Top and Bottom</p>
</div>
</div>
<div class="column mcb-column mcb-item-bwx13xwyr one column_divider">
<hr class="" style="margin: 0 auto 0px;" /></div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-q3xxp39x2 one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-t7eb31opz one column_column" data-hash="menu-custom">
<div class="column_attr clearfix">
<h3 id="menu-custom" class="small-heading">Custom Menu per page</h3>
<p>You can set another menu on each page, it&#8217;s really easy &#8211; while editing the page, just select it from a dropdown menu; more about page options <a href="https://help.codibu.com/blog/kb/page-options/">here</a>.</p>
</div>
</div>
<div class="column mcb-column mcb-item-9jkd1i12f one column_divider">
<hr class="" style="margin: 0 auto 0px;" /></div>
</div>
</div>
<div class="wrap mcb-wrap mcb-wrap-g7zgmkfk4 one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column mcb-item-drdt6h4f0 one column_column" data-hash="menu-mobile">
<div class="column_attr clearfix">
<h3 id="menu-mobile" class="small-heading">Mobile menu</h3>
<p>To set another menu for mobile, you have to go to the <a href="https://help.codibu.com/blog/kb/responsive/">responsive options</a> of the theme options, your menu will be able to select from a dropdown menu.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section the_content no_content">
<div class="section_wrapper">
<div class="the_content_wrapper "> </div>
</div>
</div>
<div class="section section-page-footer">
<div class="section_wrapper clearfix">
<div class="column one page-pager"> </div>
</div>
</div>
</div>
<p>&nbsp;</p>

		</div>
	</div>
</div></div></div></div><p>The post <a href="https://help.codibu.com/blog/menus/">Menus</a> first appeared on <a href="https://help.codibu.com">CODIBU</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://help.codibu.com/blog/menus/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
