x

How to center the LOGO on header in LIGHT theme

I created a Spanish website using weebly 2 years ago under the LIGHT theme. The pre-defined logo was on the left hand upper corner of the header. At that time, I was able to center the logo in the header. (Or the weebly team helped me do so under my request, I dont remember exactly)

Last week, I copied that website and created the English version of the same website. Since I need to change the tagline under the logo to English, I had to upload another Logo. However, I could not center the logo anymore after uploading the new logo. I seek helped from the weebly team but they said weebly had installed a new image editor and they cannot center it anymore. 

I really like the logo in the center, and I believe I am not the only one. Does anyone know what we can do to center the logo in the header, under the theme LIGHT?

And how come an UPDATED NEW weebly image editor cannot do something which we could do? It doesn´t make sense! 

Louis

4,140 Views
Message 1 of 25
Report
1 Best Answer
Square

Best Answer

Try adding this to Settings > SEO > Header Code:

<style>
	#logo { text-align: right !important; }
	#header-right { width: 40%; }
</style>

It should fix it on the live site for you.

View Best Answer >

4,111 Views
Message 26 of 25
Report
24 REPLIES 24

so it depends always on the theme?  Not possible I can keep my theme and move it manually to the left in the SEO settings?

When I watch it on a smartphone it's really nice the logo in the middle but on my website , I am not so convinced. Do you like it? 

I guess I can always change it in text..

Kind regards,

Nancy

2,140 Views
Message 26 of 25
Report
Square

It could possibly be done that way, although it generally is simpler to switch themes. Are you familiar with HTML and CSS at all?

2,135 Views
Message 26 of 25
Report

I tried this for my website, which was absolutely fine before I decided to use a fresh logo image. Now, after all the work I've done, habing the logo on the left makes me look like an idiot to my visitors. The code didn't work.

I find it strange that the controls in this editor that I'm using to type this are far more extensive than those available for my logo.

2,116 Views
Message 26 of 25
Report

When using this Code to center your logo on your website:

<style>
#logo { text-align: center !important; }
#header-center { width: 40%; }
</style>

Make sure the position is where you want it. If it says RIGHT, you must change the words RIGHT to CENTER in order to fix it. This is ridiculous.

2,115 Views
Message 26 of 25
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.