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 |
---|---|
155 | |
137 | |
75 | |
71 | |
62 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023