Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi all,
I've been doing a lot of edits lately to my new website, thanks to the help of this community! I don't know if I did something in some of the code editing or if it's always been off... but for some reason my "Lindsay Designs" logo is off-center and needs to be moved over to the left quite a bit so that it visually lines up in the middle of all the other text at the top of my page.
I've also been wondering if it's possible to make the logo a little bit bigger? For example, if it was a font could it be increased in size by roughly 4 points or so? Nothing exact - just looking for it to be a little bigger.
URL: https://lindsay-designs.net
Thanks for the help!
Lindsay
Solved! Go to the solution
This is an accepted solution.
Add This css in your edit code > base.css file
@media screen and (min-width:767px){
.header--top-center .header__heading,a.header__heading-link.link.link--text.focus-inset {
width: 100% !important;
padding-right: calc(10% - 88px) !important;
}
.header__heading-logo {
width: 360px !important;
}
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
This is an accepted solution.
Add This css in your edit code > base.css file
@media screen and (min-width:767px){
.header--top-center .header__heading,a.header__heading-link.link.link--text.focus-inset {
width: 100% !important;
padding-right: calc(10% - 88px) !important;
}
.header__heading-logo {
width: 360px !important;
}
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
Thanks for your code to adjust my logo. It did the trick! Only thing... when I added the code it created more white space underneath my menu and above the dark grey announcement bar. Can you tell me how I might be able to eliminate the extra white space? Thanks!
Scratch that last reply! All of a sudden it looks fixed! So weird. Maybe it didn't refresh the last few times? I'm not sure, but it looks great! Appreciate the help so much!!
So sorry... I thought everything was all good. But apparently the logo is now only centered on the home page. The other pages don't match up with it for some reason. I did make one adjustment to your code and adjusted the % on this line from 10% to 12%:
padding-right: calc(12% - 88px) !important;
Could my adjustment have messed it up across the whole site?
don't worry Sir,
All Fine!!
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
Thank you so much for taking the time to offer a solution to my issue. It looks like the other solution did the trick, but I appreciate your time!