Respoinsive Logo proportions - Support | Kriesi.at

Tagged: logo, mobile, responsive

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 23, 2014 at 6:42 pm #295071

WEBIGAMI
Participant

Hi team,

I already searched for this topic and tried some quick css codes – but nothing works.

I created the first draft of the following page and the logo gets distorted when I resize the browser to mobile size:

http://webigami.de/borselhof/

The logo is 448×80 pixel big. What do I need to insert in quick css?

Thanks and cheers,
Jan

July 23, 2014 at 9:28 pm #295133
Josue
Inactive Moderator
Hey Jan!

Try adding this code to the Quick CSS:
```
@media only screen and (max-width: 480px) {
.responsive .logo img {
    height: 48px !important;
    top: 13px;
}
}
```
Cheers!
Josue
July 24, 2014 at 12:11 pm #295374

WEBIGAMI
Participant

Hey Josue,

great, that worked!

What numbers in that quick css would I need to change for a larger logo with the same issue?

Cheers,
Jan :)

July 24, 2014 at 12:26 pm #295381

Yigit
Keymaster

Hi Jan!

It would be great if we could see an example so we can provide you more accurate custom CSS code :)

Best regards,
Yigit

July 24, 2014 at 1:35 pm #295411

WEBIGAMI
Participant

Hi Yigit,

I managed to change it on some pages but not on this one as th logo is very wide:

http://skcc.de

Cheers,
Jan

July 24, 2014 at 2:11 pm #295427

Yigit
Keymaster

Hey!

Please try to increase the allocated memory to 128M: http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

Best regards,
Yigit

July 24, 2014 at 3:40 pm #295453

WEBIGAMI
Participant

Hey!

Yes, I know. I just told the client today. .One can hardly edit anything now….

Cheers,
Jan

July 24, 2014 at 5:05 pm #295482

Yigit
Keymaster

Hey!

Please let us know after issue is fixed so we can look into the logo issue :)

Regards,
Yigit
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.