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
User | RANK |
---|---|
169 | |
152 | |
69 | |
46 | |
34 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023