Logo and Main Menu in the same horizontal height

Created on 31 March 2025, 6 days ago

Problem/Motivation

I would like to have the Logo in the top left corner and the Main Menu right aligned but on the same line.

I achieved this partly by moving the Primary Menu above the Header region.
And Moving the site branding to the Primary Menu region.
So now I have two blocks and I need the logo to be aligned to the left and the main menu aligned to the right.
How can I do this?
And would I have to reconfigure some breakpoints?

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

💬 Support request

Status

Active

Version

1.0

Component

Code

Created by

🇦🇹Austria maxilein

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @maxilein
Comment 6 days ago →
🇺🇸United States flashwebcenter Austin TX
Hello,

In the demo I have the main menu and the logo in the same region. You can flip the main menu and the header as the demo then use this code to align the main menu to right.

https://www.youtube.com/watch?v=w9qRuAtfLTI

Place this code in the theme settings under Global settings in CSS Injector.

#page-wrapper .navigation__primary { margin-left: auto; }
Best wishes,
Alaa

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024