Return to previous page

Mobile Logo Size - by kstejskal - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

kstejskal

Participant

May 12, 2017 at 19:51

Help Please!

How do I set a fixed size of my mobile logo. I believe the answer is to add some custom CCS code, however, I’m not sure exact what or where this needs to be added into the theme.

Thanks in advance for your help!

Sincerely,
Kevin

Please, contact administrator
for this information.

#162996 Copied Theme version: 3.12

10 Answers

Naja Jamal

Member

May 13, 2017 at 12:52

hello,

your site does not work.
no WordPress or any files there

#163019 Copied

kstejskal

Participant

May 16, 2017 at 22:16

Hi Naja,

I apologize as when you checked the site was being moved to a new hosting provider. If you check now everything is in working order.

Thanks for your time and help!

Sincerely,
Kevin

#163278 Copied

kstejskal

Participant

May 17, 2017 at 21:01

Anyone?

#163371 Copied

Amzy Leel

Participant

May 18, 2017 at 06:01

still same.
check the private content area

Please, contact administrator
for this information.

#163379 Copied

kstejskal

Participant

May 18, 2017 at 15:33

Thanks for your reply. I fixed what was wrong, my apology.

Appreciate your time and help!

Please, contact administrator
for this information.

#163473 Copied

Olga Barlow

Support staff

May 18, 2017 at 17:31

Hello,

What fixed size do you want to add for the mobile devices?

Regards

#163501 Copied

kstejskal

Participant

May 18, 2017 at 19:05

Hello,

I’m thinking W: 948 H:222. This is a good starting point. Will you please teach me how to change this on my own moving forward?

Thanks,
Kevin

#163506 Copied

Olga Barlow

Support staff

May 19, 2017 at 07:36

Hello,

I’m sorry but I’m not sure that understand you. iPhone 5 for example has 320px width at all. And you want to make your logo 948px width?
Please, explain in details what exactly you want to implement, maybe provide me screenshots and links to site with examples for the better understanding because at this moment I’m confused.

Regards

#163539 Copied

kstejskal

Participant

May 22, 2017 at 16:39

Hello Olga,

The goal is to make the logo’s tagline readable on multiple mobile devices. Your theme doesn’t provide any easy way to customize having a different size mobile logo.

To answer your question, I’d like to see the native size of the logo which is currently on the website be readable on both iPhone 6/7 Plus devices. So we’re looking at a logo which is 414 x 736.

http://www.kylejlarson.com/blog/iphone-6-screen-size-web-design-tips/

Could you please update the mobile logo to this size? And again, it would be nice if you taught me how to change this for other screen resolutions. Please provide the custom CSS code (if that’s how this is done) so I can learn how to do this myself ongoing.

Thanks for your help and time!

Sincerely,
Kevin

#163823 Copied
Olga Barlow

Support staff

May 24, 2017 at 17:04
Hello,

Use the different media queries to change the logo width for the different mobile devices, for example
```
@media only screen and (max-width: 480px){
.header-logo img {
    max-width: 180px !important;
}
}
```
Regards
#164053 Copied
Tagged: mobile logo size, optimized images, responsive design, seo friendly, wordpress woocommerce themes
Viewing 11 results - 1 through 11 (of 11 total)