Return to previous page

Mobile logo problem - by sukhy2001 - on WordPress WooCommerce support

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

sukhy2001

Participant

September 10, 2015 at 02:16

Hi

The logo on mobile phone is squashed when you scroll down. how to I adjust the size

Thanks
Suk

#85797 Copied

7 Answers
Jack Richardson

Support staff

September 10, 2015 at 08:49
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.fixed-header-area .header-logo img {
    max-height: 100%;
}
```
Best regards,
Jack Richardson.
#85869 Copied
sukhy2001

Participant

September 10, 2015 at 14:33

HI

Unfortunately no luck, when you scroll down the flowing bar at the top is the same, the logo is still squashed

Suk

#85950 Copied
Jack Richardson

Support staff

September 10, 2015 at 14:37
Hello,

Please add “!important” to the code and check after that:
```
.fixed-header-area .header-logo img {
    max-height: 100% !important;
}
```
Best regards,
Jack Richardson.
#85953 Copied
sukhy2001

Participant

September 10, 2015 at 14:40

Still the same, I also have the Custom CSS file enabled.

Suk

#85957 Copied

Jack Richardson

Support staff

September 10, 2015 at 15:53

Hello,

As I see logo in fixed header is shown fine:
http://storage4.static.itmages.com/i/15/0910/h_1441896739_8679154_52a97957c1.png

Please show a screenshot of the issue you have.

Thank you.

Best regards,
Jack Richardson.

#85975 Copied

sukhy2001

Participant

September 10, 2015 at 17:57

Thanks

I cleared my cache and all is good now.

#86031 Copied

Eva Kemp

Support staff

September 10, 2015 at 18:40

Hello,

You’re welcome.

Regards,
Eva Kemp.

#86042 Copied
Tagged: logo, mobile, problem, template, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)