Introduction

Submenu or dropdown menu plays an important role for a website. It saves space in the header as well as shows the depth of the content of the page. A well-designed menu will put pages with general content as the main menu (parents), pages with more specific and detailed content will be included in the submenu. With menu layout from general to specific, visitors can easily find the content they want. If you are using Joomla 4 and wish to create a submenu with the Cassiopeia template, the blog today is for you. Thus, let’s check it out!

Let’s start to Create Submenu with Cassiopeia in Joomla 4

We have already introduced to you the way how to use the Menu with Cassiopeia before. However, we haven’t shown you how to generate a submenu yet. So, now, let’s do that by going to Menus -> Main Menu Blog (the menu that you are using for your website).

After that, you can freely select an available menu item you generated before or create a new one. In the example, we will add a new menu item.

Create Submenu With Cassiopeia 1

If you choose the available menu item, all you need to do is change the Parent Item from No parent to the menu item you want to become the parent. For instance, we choose the Blog page for parents, and article 1 is a submenu of it.

In case you generate a new menu item, simply fill out the title, then select the Menu and Parent Item. After that, let’s make sure the status of the menu item is Published. Besides that, don’t forget to choose the menu item type and some information below it.

Finally, you just need to save it.

Create Submenu With Cassiopeia 2

In the next step, let’s open Content -> Site Modules, then enter the name of the main menu you are utilizing. Next, click to edit it.

Create Submenu With Cassiopeia 3

In the Module tab, let’s turn on Sub-menu Items to show the submenu in the main menu of your site.

Create Submenu With Cassiopeia 4

Let’s move on to the Advanced tab. In the Layout section, simply select one of the two options from the Cassiopeia template to showcase the submenu. You can get more information about the 4 options of the Layout here.

Don’t forget to store all your change by pressing the Save button at the top of the screen.

Create Submenu With Cassiopeia 5

You can implement the steps below again and again to add more submenu items.

What are you waiting for? Check out the result on your site now! So, you can see that Article 1 and Article 2 are submenus of the Blog option.

Create Submenu With Cassiopeia 6

Furthermore, you can also set Article 1 as a parent item of Article 2. And let’s see the result.

Create Submenu With Cassiopeia 7

Create Submenu with Cassiopeia – simple or complicated?

In conclusion, with the instruction in the blog today, we hope that you can create a submenu with Cassiopeia in Joomla 4 effectively. If you want to ask for more information about the topic, don’t hesitate to submit your comment below. So, we can answer you as soon as possible. Last but not least, in case you have an intention to renew your site with a new template, let’s visit our site and explore many responsive Joomla 4 Templates. Thanks for your reading. See you in the next blog.

5/5 - (5 votes)
Lt Digital Team (Content &Amp; Marketing)

Flash Sale! Get 25% Off for everything on today, don't miss it. Coupon code: FLASHSALE25 Check it out
Last call for Black Friday Sale Get 50% Off for everything on today, don't miss it. Coupon code: BFCM50 Redeem Now