Use a different Logo image for mobile | WordPress.org

Resolved clearday
(@clearday)

6 years, 8 months ago

Hello. Is it possible to use a different logo image for mobile?

If not, will I be able to change the size of the logo for mobile?
I changed the size at the Customizer and shifted the slide to 290 to enlarge it because I want to have a large logo on my PC site. However that size is too large for my mobile screen in terms of proportion. It does fit in the mobile screen but I want to have it smaller.
How will I be able to do that?

Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

Theme Author Ben Sibley
(@bensibley)

6 years, 8 months ago

Thanks for using Period!

Could you share a link to your site? I can give you some CSS to add to the site to resize the logo.

Thread Starter clearday
(@clearday)

6 years, 8 months ago

Thank you.
The following is the link.
http://fleurdor-lumieres.com/blog/
Theme Author Ben Sibley
(@bensibley)

6 years, 8 months ago
Thanks!

In the Customizer, update your logo to the large size you want to be displayed on your PC. Then add this CSS to the “Additional CSS” section in the Customizer:
```
@media all and (max-width: 899px) {

  .logo {
    max-width: 290px;
  }
}
```
That will limit the logo to 290px wide on smaller screens while allowing it to be much larger on wider screens.
Thread Starter clearday
(@clearday)

6 years, 8 months ago

Wow, what a nice supoort!
Thank you very much indeed!

Theme Author Ben Sibley
(@bensibley)

6 years, 8 months ago

You’re welcome 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Use a different Logo image for mobile’ is closed to new replies.

In: Themes and Templates
5 replies
2 participants
Last reply from: Ben Sibley
Last activity: 6 years, 8 months ago
Status: resolved