Solved Helix Framework

How to center logo in header?

Asked by microkid 2 years ago Last activity 2 years ago

Hello. I need to center the logo in my header, and have the menu to the right, and social buttons to the left, like on this site:
https://dreamtheater.net/

How can I achieve this?

My site: www.symfonica.no

Accepted answer

Marked as the solution

Paul Frankowski Senior Staff

2 years ago

Aboust 1st they are already

About 2nd, Menu - use this Custom CSS

#sp-header #sp-menu > .sp-column { flex-direction: row; }

4 more replies

Paul Frankowski Senior Staff

2 years ago · edited

Hi,

In general you need custom header - Guide you can find in Helix documenation.

But I will check what I can do for you ;)

Paul Frankowski Senior Staff

2 years ago · edited

Then in Template Options > Custom CSS, and I used Social Icons from Template Options > Basic > Social Icons

microkid Asked this

2 years ago

Thank you so much. You can probably tell me, in an easy way, how to left-align the social buttons, and right-align the menu items, so they like "come out" of the logo in center? :)

microkid Asked this

2 years ago · edited

Aah, sorry, I wrote the wrong way. I meant that social buttons should be right aligned, and menu should be left aligned, something like this if possible? :)

https://photos.app.goo.gl/6hCuNfQFvLM3U9VB9

Edit: Also, in tablet mode, the off-canvas button is moved down under the social buttons for some reason ...