Return to previous page

Logo Size - by SherinSuzi - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 10 years, 9 months ago ago by Eva Kemp

SherinSuzi

Participant

April 21, 2014 at 21:54

Hello,

I read the reply about the custom.css file for allowing me to increase the logo size. Could you give more details about what changes are required. I don’t understand what the 2 width dimensions refer to.

I’ve created a new .css file and added these lines:
.header-type-3 .logo-with-menu { width: 300px;}
.header-type-3 .main-nav .menu {width: 870px;}

Thank you.

#1693 Copied

8 Answers

Eva Kemp

Participant

April 22, 2014 at 13:54

Hello,

The first line means that the logo width will be increased.
The second line means that the div width for menu will be decreased.

Regards,
Eva Kemp.

#1730 Copied

SherinSuzi

Participant

April 22, 2014 at 14:49

Hi Eva,

Thank you. My logo pic is 800px X 260 px. I did make the change for .header-type-3 .logo-with-menu { width: 800px;} but my logo is still not displaying the correct size.

Please could you have a look at my site and advise.

Thank you.

Please, contact administrator
for this information.

#1754 Copied

SherinSuzi

Participant

April 22, 2014 at 15:05

Updated credentials in PC

Please, contact administrator
for this information.

#1757 Copied

Eva Kemp

Participant

April 22, 2014 at 15:09

Hello,

I couldn’t log in to wp-admin panel. The password is incorrect.

Please check if you are using the 3rd header type. You can do this in Theme Options > Header > Header Type. You should change the number in .header-type-3 to the one you are using (header-type-1 or header-type-5).

Regards,
Eva Kemp.

#1758 Copied

SherinSuzi

Participant

April 23, 2014 at 06:01

Hi Eva,

I made the change to header-type-1 but my logo is still not displaying full size. My logo is 800px wide but is showing as 300px wide.

The updated site credentials are attached. Please could you have a look at the site. Much appreciated.

Thank you.

Please, contact administrator
for this information.

#1809 Copied

Eva Kemp

Participant

April 23, 2014 at 09:24

Hello,

I’ve made some changes in custom.css. Please check your site now.

Regards,
Eva Kemp.

#1832 Copied

notionmotion

Participant

May 4, 2014 at 02:31

Hi Eva,

I’m using header type 3 and have added the custom CSS you included above. Was there something else that needs to be done to make the logo width larger?

.header-type-3 .logo-with-menu { width: 300px;}
.header-type-3 .main-nav .menu {width: 870px;}

Thanks,
Whitney

#2585 Copied

Eva Kemp

Participant

May 4, 2014 at 08:29

Hello,

You can edit custom.css file in Appearance > Editor.
There you’ll find the code .header1 .logo img { max-width: 600px !important; } and you can change the width value to the one you need.

Regards,
Eva Kemp.

#2593 Copied
Viewing 9 results - 1 through 9 (of 9 total)