Hello, i need help moving logo to the left side of the header, and moving menu to center of header
Hi @DreamzyUS ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Password:saudee
Hi @DreamzyUS ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/base.css->paste below code at the bottom of the file:
@media screen and (min-width: 990px) {
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: 1fr 2fr 1fr;
column-gap: 2rem;
}
.list-menu--inline {
display: flex !important;
justify-content: center;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
It doesn’t work. I enter it and nothing change
Hi @DreamzyUS ,
Sorry, I don’t know if you copied my code yet?? I checked and did not see the code in the file base.css
Thanks you
Sorry for that, i added it back now
Hi @DreamzyUS ,
now i see the received css already. Center menu already. Now do you want to adjust the full width header for the left logo to the right icon? Because the header’s container is currently equal to the content’s container
Thanks you
Hi @DreamzyUS ,
You can try add more below code in base.css file:
@media (min-width: 990px) {
.header {
max-width: 100% !important;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: 1fr 2fr 1fr;
column-gap: 2rem;
}
.list-menu--inline {
display: flex !important;
justify-content: center;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
1 Like
Thank you soo much it works 