Moving Menu under the Logo In Pipeline Theme

[julo52]

Hello, i would like to modify the header on my pipeline theme. I'd like the logo to be centered, and the menu to appear below it and centered. can't seem to find a way to do it, can someone help me ? thanx a lot.

img 1 : what it looks like now

img 2 : what i would like it to look like

 

 

[TaskHusky]

Hey there - 

The Pipeline Theme does not support the menu position you are looking to achieve out of the box. You can see the different positions: https://pipeline.groupthought.com/header/header/header-styles. 

It is possible to make this change within the theme. We've done it before for merchants. 

The question really becomes are you comfortable editing theme, css, and Javascript files?

[julo52]

i wouldn't say comfortable but i've done a bit of editing already, so i'd like to try !

[Made4uo-Ribe]

Hi @julo52 

Can I take a look? Would you mind to share your Store URL website? with password if its protected. Thanks!

[julo52]

https://julo-paris.com/

thanx a lot !

[julo52]

@Made4uo-Ribe did you have time to have a look ? thanx again

[Made4uo-Ribe · Accepted solution]

Thank you for the information. 

Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header__desktop.header__desktop--menu_center {
    flex-direction: column;
}
.header__desktop__bar__l {
    justify-content: center;
}
.header__desktop__bar__c {
    justify-content: center;
}
.header__desktop__bar__r {
    position: absolute;
    right: 100px;
}

• And save. 
• Result:
• 

[julo52]

it worked like magic !

thanx a lot !

[julo52]

one quick question,

now some of my links in the menu seem to be broken.

for exemple under "CLICK & COLLECT" the first two links : PÂTISSERIES and CHOCOLATERIE do not work anymore. 

do you have any idea why ?

[julo52]

@Made4uo-Ribe 

it worked like magic, but now links in the menu (the ones that are in drop down menu) seems to be broken.

for exemple under "CLICK & COLLECT" the first two links : PÂTISSERIES and CHOCOLATERIE do not work anymore. and again under "A PROPOS" the first two links do not work either.

do you have any idea why ?

if you have time to look at it i'd appreciate it very much

thanx a lot !!!