Shopify themes, liquid, logos, and UX
Hi all im wondering if anyone can assist with moving my website logo slightly to the right as it looks out of proportion and i want it inline , somewhere around here?
Solved! Go to the solution
This is an accepted solution.
hi @Ljvapes
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
h1.header-logo.col-xs-3 {
margin-left: 200px;
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
This is an accepted solution.
You can use new code to fix it
<style>
@media screen and (min-width: 998px){
h1.header-logo.col-xs-3 {
margin-left: 200px;
}
}
</style>
Hello @Ljvapes
It's GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ), and the custom font name that you are using? Then I can see and suggest something for you.
This is an accepted solution.
hi @Ljvapes
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
h1.header-logo.col-xs-3 {
margin-left: 200px;
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
Thanks very much it worked . Much appreciated
Hi sorry , how do I keep it central on mobile as its moved over to the right and can only see half of i?
This is an accepted solution.
You can use new code to fix it
<style>
@media screen and (min-width: 998px){
h1.header-logo.col-xs-3 {
margin-left: 200px;
}
}
</style>
Thank you very much
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025