Shopify themes, liquid, logos, and UX
Hi, I previously used a margin to make my logo go all the way to the left. I found out that on my screen it looked normal, but on smaller monitors, the logo was cut off all the way to the left and barely visible. How can I make my logo go all the way to the left and scale it to various screen sizes? URL is https://a-lineage-story.myshopify.com/. Password is 'beckew'.
you have added unnecessary code please revert and let me know so i will give full screen code
I have been working on the site for awhile, so I am unsure which line of code may have been unnecessary.
yes you have just revert code and fullscreen code that it
Ok, I believe this was the code that I needed to get rid of. What do I do now?
yes please remove and let me know
It is removed now
great thanks
can you please confirm
yes, that looks great
thanks for confirm yes please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
nav.grid__item {
position: relative;
right: 0;
}
.site-header__logo img {
margin-left: 0;
}
.site-header .wrapper {
max-width: 100%;
}
it works great for desktop, however my mobile is not centered anymore. do you know how to fix this? thank you!
thanks can you please show me mobile issue image so i will guide you
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025