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

Logo off center

Solved

Logo off center

LindsayDesigns
Excursionist
20 0 5

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

Screenshot 2024-07-09 at 11.35.44 PM.png

 

Thanks for the help!

Lindsay

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
363 90 90

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;
	}
}

 

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 6 (6)

Raj-webdesigner
Shopify Partner
363 90 90

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;
	}
}

 

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


LindsayDesigns
Excursionist
20 0 5

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!

LindsayDesigns
Excursionist
20 0 5

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!!

LindsayDesigns
Excursionist
20 0 5

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?

Raj-webdesigner
Shopify Partner
363 90 90

don't worry Sir,

All Fine!!

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


LindsayDesigns
Excursionist
20 0 5

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!