Return to previous page

MAKE LOGO BIGGER ON MOBILE DEVICE - by Jimbo

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

Jimbo

Participant

September 13, 2015 at 10:55

Hi there,

I am using header type 10 on full width.

I would like to make my logo a bit bigger on mobile devices (portrait & landscape)

Can you tell me what custom cuss to add for this please as I can’t seem to find it for mobile, is thus in the responsive.css ?

Thanks in advance

#86446 Copied

13 Answers

Jimbo

Participant

September 13, 2015 at 13:56

Eva?

#86449 Copied

Jimbo

Participant

September 13, 2015 at 15:16

Is there a way off adding a different logo on smaller screens?

#86451 Copied
Eva Kemp

Support staff

September 14, 2015 at 10:28
Hello,

Unfortunately there is no such option.
You can increase logo size using this code in child style.css:
```
@media (max-width:480px){.header-logo img {
    max-width: 270px !important;
    width: 240px;
    margin-left: -50px !important;
}}
```
Regards,
Eva Kemp.
#86572 Copied
Jimbo

Participant

September 24, 2015 at 18:30

Sorry for the delay, thanks Eva.

Will try this out

#89106 Copied

Jack Richardson

Support staff

September 25, 2015 at 10:15

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#89231 Copied

annexgrfx

Participant

September 30, 2015 at 14:59

I have placed a full width logo in the header but it does not scale properly when the browser window changes in size. is there a way to use a full width logo. For example 900px wide logo in the header.

#90511 Copied Theme version: Royal WooCommerce version: 4.3.1
Robert Hall

Support staff

September 30, 2015 at 16:19
Hello @annexgrfx,

Try to use this code in Custom CSS for desktop (Theme Options->Custom CSS).
```
.header-logo img {
    max-width: initial;
}
```
Regards,
Robert Hall.
#90529 Copied
annexgrfx

Participant

September 30, 2015 at 17:24

I am still getting the messed up logo size as things scale down.

Please, contact administrator
for this information.

#90540 Copied Theme version: Royal WooCommerce version: 4.3.1

Robert Hall

Support staff

September 30, 2015 at 17:34

Hello,

We can’t see screenshot that you provided.
Please upload to the Dropbox or use the Light Shot program.

Regards,
Robert Hall.

#90544 Copied

annexgrfx

Participant

September 30, 2015 at 17:53

Thank you thats a cool little program.
Here are the links to the two images.

Please, contact administrator
for this information.

#90551 Copied

Robert Hall

Support staff

September 30, 2015 at 18:32

Hello,

Also please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#90561 Copied

annexgrfx

Participant

September 30, 2015 at 22:20

Here is the access

Please, contact administrator
for this information.

#90590 Copied

Robert Hall

Support staff

October 1, 2015 at 09:12

Hello,

I’ve added some code in Theme Options->Custom CSS. Please check it now.

Regards,
Robert Hall.

#90649 Copied
Viewing 14 results - 1 through 14 (of 14 total)