• WordPress.com
  • Forums
  • Plans & Pricing
  • Log In
  • Get Started
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
Get Started
  • Sign Up
  • Log In
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
Resources
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress

WordPress.com forums

Get help with WordPress.com, the free blogging platform, and the WordPress.com apps.

Premium Theme Support Themes Harbor Hermes Logo size

Logo size

  • streamclues · Member · June 12, 2021 at 11:36 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello!

    Sorry to return so soon but our site is now good to go and we just got our logo. I realized the logo was making the nav bar enormous and was struggling to get the nav bar a good size

    i found this article

    How to Change the WordPress Logo Size in Any Theme

    and tried this css which cant be correct cuz

    element.style {
    }
    img {
    max-height: 50px !important;
    max-width: 150px !important;
    }

    while it fixed the logo, it made all the images on the homepage tiny like that across the website. what is the css part for the logo in the header only?

    this is what it looked like before i undid it

    image

    Thanks!!

    The blog I need help with is: (visible only to logged in users)

  • streamclues · Member · June 12, 2021 at 11:43 am
    • Copy link Copy link

    this… may have fixed it ?

    div.site-branding{

    max-height: 50px !important;
    max-width: 150px !important;

    http://www.disneydejavu.com

    did i do it right or was there a better code?

  • streamclues · Member · June 12, 2021 at 11:45 am
    • Copy link Copy link

    nevermind :( it doesnt save when i do that and when i go back the code i entered is gone.

  • tarasdashkevych · Theme Author · June 14, 2021 at 3:58 pm
    • Copy link Copy link

    Hi Drew,

    You can use this custom CSS to modify the size of your logo:

    
    .site-branding .custom-logo {
        max-height: 40px;
        width: auto;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • streamclues · Member · June 14, 2021 at 11:58 pm
    • Copy link Copy link

    Thanks! Everything worked out.

  • tarasdashkevych · Theme Author · June 15, 2021 at 4:52 pm
    • Copy link Copy link

    You are always welcome, Drew.

    Best regards,
    Taras

  • The topic ‘Logo size’ is closed to new replies.

Tags

  • logo

About this topic

  • In: Hermes
  • 2 participants
  • 0 replies
  • Last activity 2 years
  • Latest reply from streamclues
Advertisment

WordPress.com

WordPress.com WordPress.com Logo

Products

  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • P2: WordPress for Teams
  • Enterprise Solutions
  • Built By WordPress.com

Features

  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps

Resources

  • WordPress.com Support
  • WordPress Forums
  • WordPress News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
  • Developer Resources

Company

  • About
  • Partners
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users

Language

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Twitter Twitter Icon
  • WordPress.com on Facebook Facebook Icon
  • WordPress.com on Instagram Instagram Icon
  • WordPress.com on YouTube Youtube Icon
An Automattic experiment
Work With Us
    • Premium Theme Support
    • Customize
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions