Return to previous page

How could I let my home page logo size the same as what I upload?

This topic has 8 replies, 4 voices, and was last updated 9 years, 7 months ago ago by Brian Johnson

Eric

Participant

November 24, 2015 at 19:44

Dear Service,

I find my home page logo larger than I upload at “Theme Options > Header” Logo Image.
If I want my home page logo just the same as fix navigation logo, how could I do?

Regards,

#101156 Copied

7 Answers
Eva Kemp

Participant

November 24, 2015 at 20:45
Hello,

Try to use this code in Theme Options > Custom CSS > Custom CSS for desktop:

.header-logo img { max-width: 100% !important; }

Regards,
Eva Kemp.
#101174 Copied
Eric

Participant

November 25, 2015 at 08:14

Dear Eva,

After I test with your CSS code, it seems no help with % untill I use px has a little changing.
But it’s very weird that the logo on home page, fixed header area and single product page with different size, especially the single page one is larger than home page one.

In my case, the logo I upload to Theme options > Header logo image and fixed area logo image is the same 300px width, for the same size reason, I add these CSS code into desktop custom CSS area as…

.header-logo img {
max-width: 300px !important;
}
.fixed-header-logo img {
max-width: 300px !important;
}

And the results are…
The Home page logo width is 297px -> It’s near to my adjust one but smaller.
The fixed header area logo width is 260px -> Far away with what I upload and adjust in CSS.
The single product page logo width is 303px -> It’s larger than Home page’s one, how could it larger than home page one?

Please see these link to compare about.
http://store.yoz.tw/
http://store.yoz.tw/%E5%95%86%E5%93%81/fashion-demo-5/

My problem is I want these 3 places logo is the same size with 300px width, how to do?

Regards,
Eric

#101212 Copied
Jack Richardson

Support staff

November 25, 2015 at 08:35
Hello,

Please add this code for fixed header logo:

.fixed-header-area .header-logo img { width: 300px !important; }

As I see main logo is 300px width:
http://storage7.static.itmages.com/i/15/1125/h_1448436824_3838430_e41f6ac376.png

Clear browser cache and check again.

Best regards,
Jack Richardson.
#101216 Copied
Eric

Participant

November 25, 2015 at 19:19

Hi, Jack

That’s what I said quite weird.

I clean my computer cache,and I find it still the same. They look like just like two different logos.
Please compare these two pages. First, open these link on two browser tab, click the browser tab one and another.
http://store.yoz.tw/
http://store.yoz.tw/%E5%95%86%E5%93%81/fashion-demo-5/

You will find not only these logos size different but also its’ gray color is different too, the homepage one is darker, the single product one is lighter. But I upload the same logo file from my computer…how it should be? How to fix it?

Regards,
Eric

#101348 Copied

Jack Richardson

Support staff

November 25, 2015 at 19:35

Hello,

As I see you uploaded custom logo for your home page:
http://storage5.static.itmages.com/i/15/1125/h_1448476461_6102050_c8ed2a38af.png

Delete it and keep only the logo in Theme Options > Header.

Best regards,
Jack Richardson.

#101355 Copied

Eric

Participant

November 26, 2015 at 05:32

Hi, Jack

Yes, I delete that pic, I almost forget there is a other way to upload page logo, that page I published for more than one month.

Thank you. This issue could be closed.

Regards,
Eric

#101395 Copied

Brian Johnson

Member

November 26, 2015 at 07:34

Hello

You are welcome! Don’t hesitate to contact us in case any further question appear.

Regards,
Brian Johnson

#101398 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How could I let my home page logo size the same as what I upload?’' has been successfully resolved, and the topic is now closed for further responses

How could I let my home page logo size the same as what I upload?

Recent Community Activity

Rok replied in

Yahoo Souq replied in

Yahoo Souq started a topic

Umar Ijaz started a topic

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection