Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi, on my desktop website my logo is all the way to the left, which is good. However, on mobile, I want to make the logo centered. It is leaning towards the left in my screenshot.
This is the code I added to my theme.sccs.liquid to make my logo go all the way to the left on desktop.
nav.grid__item {
position: relative;
right: 0;
}
.site-header__logo img {
margin-left: 0;
}
.site-header .wrapper {
max-width: 100%;
}
Solved! Go to the solution
This is an accepted solution.
@adthai, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
.site-header__logo img{
margin: 0 auto;
}
}
Kind regards,
Diego
This is an accepted solution.
@adthai, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
.site-header__logo img{
margin: 0 auto;
}
}
Kind regards,
Diego
User | RANK |
---|---|
118 | |
89 | |
73 | |
65 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022