How to align the primary menu on the right side?

Created on 31 March 2025, 4 days ago

Problem/Motivation

it would be great to have an option to align the primary menu to the right side.
There is an option to center the menu. It would be nice to have a similar option to right align the main menu inside of the primary menu region.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

✨ Feature request
Status

Active

Version

1.0

Component

Code

Created by

πŸ‡¦πŸ‡ΉAustria maxilein

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @maxilein
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    A new dropdown has been added under the Theme Settings in the Primary Menu Settings section. This dropdown allows you to choose the main menu alignment with four available options: Left, Right, Center, and Justify.

    This feature has been pushed to the development branch. You are welcome to start using it now or wait for the full release.

    Best wishes,
    Alaa

  • πŸ‡¦πŸ‡ΉAustria maxilein

    Thank you. Fantastic!
    I tried it of course right away. The result is exactly what I wanted (including this issue Logo and Main Menu in the same horizontal height πŸ’¬ Logo and Main Menu in the same horizontal height Active ): Logo left aligned, Main Menu to the right.

    Perfect for me. This issue alone seems to solve both this issue and the one mentioned above.

    But here is the catch for anintuitive understanding of the theme configuration: the dropdown by itself does not right align the menu. In fact it does not seem to do anything.
    If you look at the attached screenshots: the menu only right aligns when the checkbox for the logo is ticked.

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    The alignment moves the entire main menu block (not the items inside it) within its parent container. That means the full menu block itself shifts left, center, right, or stretches (justify) horizontally depending on the setting. The description was updated in the theme.

    Best wishes,
    Alaa

  • πŸ‡¦πŸ‡ΉAustria maxilein

    the menu only right aligns when the checkbox for the logo is ticked

  • πŸ‡¦πŸ‡ΉAustria maxilein

    otherwise it stays left aligned even though right is selected

  • πŸ‡¦πŸ‡ΉAustria maxilein

    it is fine for me as it is.
    But someone else might think that the dropdown does nothing - if they don't tick the logo option

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    The logo option has no relationship with the menu. The description is updated so people don't confuse aligning the entire block with aligning individual child elements.

    Best wishes,
    Alaa

  • πŸ‡¦πŸ‡ΉAustria maxilein

    You don't read my text or I don't understand what you are saying:

    You say: "The logo option has no relationship with the menu". And by the design you chose I think it should be that way.

    BUT there is a bug: The logo options is the ONLY way to also move the menu to the right! The drop-down alone is dead.

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Yes, I don't understand you. Please make a video and describe the issue.

  • πŸ‡¦πŸ‡ΉAustria maxilein

    Here is a step by step description showing settings + result on each page.

  • πŸ‡¦πŸ‡ΉAustria maxilein

    I just realized that this bug is only if Header region and Main Menu region are NOT flipped (=default).
    If header and main menu are flipped (as in screenshot the bug is not happening).
    Very interesting.
    In the current dev. version from about an hour ago the bug is gone.
    I'll test further.

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    Thank you very much for the clear pdf. I tested the right alignment with and without the logo, as well as with the menu flipped β€” everything is working as expected.

    Best wishes
    Alaa

Production build 0.71.5 2024