How To Center Logo In Header? - Question | JoomShaper

How To Center Logo In Header?

M

microkid

Helix Framework 2 months 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

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #149582

Aboust 1st they are already

info_2327_2024.jpg


About 2nd, Menu - use this Custom CSS

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #149541

Hi,

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

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #149542

info_2323_2024.jpg

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

info_2325_2024.jpg

0
M
microkid
Accepted Answer
2 months ago #149572

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? :)

0
M
microkid
Accepted Answer
2 months ago #149622

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 ...

0