How to Align Multiple Menu Modules in Joomla 4?

Hey guys… :wave:

I am currently working on a website using Joomla 4 and the Cassiopeidia template. My goal is to display three different menu modules side by side within the „menu“ module position on my site.

I have set up the modules and assigned them to the „menu“ position but I am struggling to get them to align horizontally as I’d like. Right now, they stack vertically and I’m looking for a way to arrange them in a row.

I am not very familiar with advanced CSS, so I’m unsure how to proceed with the styling to achieve this layout. If anyone has experience with this template or Joomla’s module positions, could you please provide some guidance or tips on how to adjust the CSS to make the menu modules display next to each other?

Specifically I am looking for advice on:

  1. The CSS properties I should modify or add.
  2. Any Joomla-specific settings or overrides that might be required.
  3. Whether additional adjustments are needed to ensure responsiveness on different screen sizes.

I also check this: https://forum.bplaced.net/t/installing-new-modules-to-joomla-after-its-uploadedalteryx But I have not found any solution. Could anyone guide me about this?
Any help or examples would be greatly appreciated. Thank you in advance for your assistance!

Thanks in advance!

Respected community member! :innocent:

hi :bunny:

that’s actually easy and makes more sense to explain when seeing what CSS that template is dealing with, could you please name your site/account with us and its Joomla-URL?