Return to previous page

Header logo size - by wholeman - on WordPress WooCommerce support

This topic has 14 replies, 4 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

wholeman

Participant

June 10, 2015 at 07:56

Hello,

Logo in header looks very small suddenly like the attachment from 979 px to 1200px width

I did every styles change with development tool on chrome, safari, but it does not work.

Could you check it ASAP?

Regards,

Please, contact administrator
for this information.

#68954 Copied

13 Answers

Jack Richardson

Support staff

June 10, 2015 at 08:39

Hello,

Please clarify do you resize browser window when checking the site? If so you need reload a page after each resize.

Best regards,
Jack Richardson.

#68967 Copied

wholeman

Participant

June 10, 2015 at 08:59

Over 1200px and under 979px, it’s fine.

Between 979 – 1200, the issue happens.

Please check again.

#68974 Copied

Eva Kemp

Support staff

June 10, 2015 at 10:44

Hello,

I’ve checked your site in different resolutions and haven’t seen the issues:
http://storage2.static.itmages.com/i/15/0610/h_1433929248_1395022_0a7f9a63a8.png
http://storage3.static.itmages.com/i/15/0610/h_1433929360_9203167_28c279f82d.png

Are you resizing browser window or checking on mobile devices?

Regards,
Eva Kemp.

#69003 Copied

wholeman

Participant

June 11, 2015 at 02:25

Hello,

Dear Eva

Yes I fixed the width manually, however when I fixed the logo the last menu disappears as your attachment.

I tested two css styles like below, could you please advise?

– logo fixed, menu disappeared
.header-type-3 .logo-with-menu img {width: 240px !important; max-width: 240px !important;}

– logo shrinked
.header-type-3 .logo-with-menu img {width: 240px !important; }

#69183 Copied
Robert Hall

Support staff

June 11, 2015 at 07:19
Hello,

Try to remove this code in style.css of the Child Theme
```
.header-type-3 .main-nav .menu {
  width: 830px !important; 
}
```
Regards,
Robert Hall.
#69196 Copied
wholeman

Participant

June 13, 2015 at 07:03

Dear Robert,

I removed the code, and the image width code does not work.

I made the logo img width to 240px but it shows only 200px as your theme default.

How can I solve this?

#69455 Copied
Eva Kemp

Support staff

June 15, 2015 at 17:47
Hello,

To change logo size add this code in custom.css file:
```
.header-type-3 .logo-with-menu img {
    width: 240px !important;
}
```
Regards,
Eva Kemp.
#69609 Copied
wholeman

Participant

June 16, 2015 at 02:02

Dear Eva,

I set the code far before, but it does not work.

Please check the site.

http://www.brownbagcoffee.co.kr

#69695 Copied
Eva Kemp

Support staff

June 16, 2015 at 08:54
Hello,

Try to use this code:
```
.header-type-3 .logo-with-menu img {
  width: 240px !important;
  max-width: 300px !important;
}
```
Regards,
Eva Kemp.
#69741 Copied
wholeman

Participant

June 16, 2015 at 09:22

Thanks, I set as your guide but logo is showing only width 200px.

Please check our site.

http://www.brownbagcoffee.co.kr

#69748 Copied

Robert Hall

Support staff

June 16, 2015 at 09:30

Hello,

I’ve just checked and your logo has 240 px width. Please see screenshot: http://prntscr.com/7hj3ol

Regards,
Robert Hall.

#69751 Copied

wholeman

Participant

June 19, 2015 at 03:56

Hello, it makes logo fine, but still last menu feature disappeared in responsive environment.

Please check again.

#70369 Copied
Robert Hall

Support staff

June 19, 2015 at 07:17
Hello,

Please try to use this code in custom.css file
```
@media (max-width: 1200px){
.header-type-3 .main-nav .menu {
  width: 710px !important;
}
}
```
Regards,
Robert Hall.
#70374 Copied
Viewing 14 results - 1 through 14 (of 14 total)