How to change the horizontal position of a submenu Topic is solved

[antonios]

Hi,
how can I tell Joomla 5 to display the submenus of a dropdown menu some distance to the right of where they are displayed by default?

menu.png

For example, I'd like to displace the submenu in the image so that its left border it becomes aligned with the "R" of the Recursos dropdown menu
This is the https://permacultura-es.org/Joomla4/

[AMurray]

Do you mean align the menu to come under the heading? I thought you meant move menu items to another menu.

That would be done with CSS, but depends on what template you use - it might be easier seeking support from the Template developer.

To find the CSS, right click the menu and "Inspect" which will open your browsers developer tools. that should identify the CSS class.

Then add custom css to whatever file or method is used by the template (looks like Astroid framework, "Template Two" is the template name). Adding custom CSS might be done by one or two methods e.g. in the template configuration it may have a place for custom code specifically or you might need to create a file such as 'custom.css'. here's a starting point: https://docs.astroidframe.work/custom-code/custom-css

[mtgg]

Issue caused by inline CSS:

Code: Select all

<div style="width: 320px; max-width: 1296px; left: -178.3px; top: 65px; display: none;" class="megamenu-container nav-submenu-container nav-item-level-1">

Create a custom CSS file that looks like this:

Code: Select all

.megamenu-container {
    left:  0 !important;
}

[antonios]

Hi,
Thank you both! Now I am set.
Best regards