I have a horizontal main menu in which the last item is a dropdown containing further items.

Is it possible, as the screen width is reduced, to move items from the horizontal menu into the dropdown?

Current menu structure is like so:

Item 1
Item 2
Item 3
Item 4
Item 5
- Item 6
- Item 7

Ideally, as the screen size is reduced, I would like Item 4 to become a child of item 5.

  • You are asking for something to custom built. Have you attempted anything?
    – mickmackusa
    May 26, 2020 at 3:22

2 Answers 2


Yes, I have recently implemented the same. Here's just one example of priority navigation.

There is no default way to accomplish this in Joomla, or any other CMS I have come across. How you would implement this would be dependent on the template that you are using.


You can create the sub menu items using aliases and you can show / hide menu options using custom CSS with media queries.

You may need to add link classes to the menu options to be able to specify each menu option in the custom CSS.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.