All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
I need to centre align my logo on my desktop and mobile. It's completely off on my mobile and very slightly on desktop.
dawn theme.
Solved! Go to the solution
This is an accepted solution.
Hey @slidein_india
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.header__heading-logo {
margin-right: 0 !important;
}
a.header__heading-link.link.link--text.focus-inset {
margin: 0 !important;
}
h1.header__heading {
margin: 0 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @slidein_india
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.header__heading-logo {
margin-right: 0 !important;
}
a.header__heading-link.link.link--text.focus-inset {
margin: 0 !important;
}
h1.header__heading {
margin: 0 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @slidein_india
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media (max-width: 768px) {
.header__heading-logo {
margin-right: 0px !important;
}
.header__heading, .header__heading-link {
margin-right: 0px !important;
}
}
Result:
Best,
Liz