![]() ![]() Create an impressive Shopify mega menu with a short time This app supports different content types for menu and enables you to create an amazing mobile menu with smooth browsing experience. When you tick the option to Enable Mega Menu within the Parent menu item, it will create columns depending on the number of submenu items present under it.Mega Menu Pro is a visual, drag and drop, fully customizable and responsive menu builder for Shopify. How to Create Columns for the Mega Menu?Īstra will automatically create a separate column for each submenu. ![]() Similarly, you will find options for all submenu and their submenu. If you select the widget option, a list of all available widgets will appear. If you select the Custom Template option, a list of all available posts, pages, custom templates will appear. You can display custom text/HTML with the editor, or can select any custom template/widget. It has the option to select from Custom Text, Template or Widget. You can select Content Source for the submenu.It will display only the title of the menu. Disable Link: This option will remove the link for a respective menu item.Hide Menu Label/Description?: If you want to hide the label or description for the submenu, select this option.Note: Make sure you have enabled the Mega Menu for the Parent Menu item to see this option. So that this will appear as a title and all child menu items will appear below this heading. Make column heading?: Choose this if you want to make the menu item navigation label as a title for the column.Step 4 – Clicking on the child menu you will show you the following options – You can set Margin and Padding for the menu items.Labels can be Free, Sale, New, Featured, etc. This is the text that appears beside the menu item.Available options are Text/Link Color, Text/Link Hover Color, Column Divider Color. You can set colors for the menu items present in the mega menu box for the parent menu.You can adjust the background image with settings like Background Repeat, Background Size, and Background Position. Background Color/ Image will be set to the mega menu box for the parent menu.Custom Width – set the custom width value in pixels.Full Width Stretched – set the width of your mega menu to the full width, edge-to-edge.Full Width – set the width of your mega menu to the width of your screen but limit your menu content to the content width.Menu Container Width – limit the width of your Primary menu.Content – set the menu width to your content width.Mega Menu width – Set the width of your mega menu here.You can set a Mega Menu width to content, menu container or full. It provides options for the top-level/parent menu. This will enable the mega menu options for all submenus of the parent menu. Tick the checkbox for the Enable mega menu option.Step 3 – Expand this menu item and click on the “ Astra Menu Settings” button Step 2 – Select the menu item under which you want to add a mega menu. Step 1 – From the WordPress dashboard navigate to Appearance > Menus. If you want to create a Mega Menu, you need to enable the Mega Menu functionalities for the top-level menu item whose child menu items you’d like to turn into a Mega Menu. ![]() Step 2 – Activate the add on from the WordPress Dashboard > Appearance > Astra Options > Nav Menu Create the Mega Menu Step 1 – Make sure you have the Astra Pro plugin installed and activated. Please follow these steps to activate the Nav Menu module and explore its options –
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |