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
User | RANK |
---|---|
178 | |
155 | |
83 | |
31 | |
30 |
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