Hi can someone help us to move our logo to sit above our menu, not on same line? Pics show current logo (misuzi) and how we want our logo to sit (sir)
Using pipeline theme
Hi @Su_B , can you share your store url?
Hello @Su_B ,
I understand you are looking to place the store logo at top center in the Header section.
Please follow the below mentioned steps for implementing the desired change.
-
Go to Online Store → Themes → Click Customize https://prnt.sc/tnSfFMmTc3nm
-
Next, Click on the Home Page header section as mentioned in the screenshot. https://prnt.sc/fhR7eBjpB4ED
-
Now, the Header section panel will open, in which you can change the desktop logo position.
-
Select the Top center option in the Desktop logo position dropdown. Please take a look at the screenshot https://prnt.sc/12t2NtjePsIx
-
Save changes.
Final output will be like this → https://prnt.sc/zW4ei5UuvInX
I hope the solution helps you.
Please let me know if you have any query.
Thank you.
we are using pipeline them, not Dawn, this does not seem to be an option in pipeline, any other suggestions?
1 Like
@Su_B , where is the page you provided in your screenshot?
@Su_B , go to theme.css and add the following code :
.header__desktop {
flex-direction: column !important;
}
.header__desktop__bar__r {
flex: 1 0 0;
justify-content: center !important;
}
.header__desktop__bar__l {
flex: 1 0 0;
justify-content: center !important;
}
Result:
Oh wow that worked, so easy! Thank you so much.
1 Like
Hello @Su_B ,
Ok, I understand.
Place copy and paste the below mentioned code in your theme.css file.
Code -:
.header_logo{
padding: 30px 0px;
}
.header_desktop_bar_l{
justify-content: center;
}
.header__desktop__bar__r {
position: absolute;
top: 55px;
}
[You can also find these class name (.header_logo , .header_desktop_bar_l , .header__desktop__bar__r ) in your existing .css file and make changes accordingly. ]
I hope it helps.
Thank you.
@Su_B , Glad I helped.