Shopify themes, liquid, logos, and UX
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
thank you so much!
User | RANK |
---|---|
75 | |
64 | |
62 | |
48 | |
45 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023