Max width and height for logo

  • saxamo

    (@saxamo)


    2 years, 7 months ago

    Since in the free version of the Sydney theme you can not put the text next to the logo at the same time I want to know what the perfect size is for the logo to be. This way the current code will not have to be changed with CSS or anything but maybe I can get the logo and text up there if I create the image myself.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kharis Sulistiyono

    (@kharisblank)

    2 years, 7 months ago

    Hi,

    Currently it is possible by adding additional code and we have put it together on our support forum’s threads: https://forums.athemes.com/t/tagline-is-displayed-differently-on-live/19176

    Hope that helps.

    Regards,
    Kharis

    Thread Starter saxamo

    (@saxamo)

    2 years, 7 months ago

    Thanks for the reply Kharis.

    In regards to that page. It discusses the child theme of which I don’t have also adding addition css which is not a bad thing to the customizations, but this again only get the logo to be above the text. I want the text to be to the right of the logo. The other code makes a change to the template which would only be overwritten when the next update comes along. I don’t want to do that.

    Having it below the logo just drops the header and makes it larger. I don’t want to do that. I want to just know what the max width and height of the logo should be so I can add the logo and text in one image and then just add that logo to the site customization area. This way the logo will have the text in it and the themes current one or the other will be utilized.

    Thanks.. I just want to know the perfect width and height of what the logo should be.

    Thread Starter saxamo

    (@saxamo)

    2 years, 7 months ago

    Checking back.. Can I please know the max width and length / size of the logo to upload in the Sydney theme? Thanks!

    • This reply was modified 2 years, 7 months ago by saxamo.
    Kharis Sulistiyono

    (@kharisblank)

    2 years, 7 months ago

    Hi @saxamo,

    According to this CSS code in the Sydney theme’s main stylesheet, you can use any size. But it will always be limited to 100px for its height and the width automatically adjusted itself. 

    
.site-logo {
  max-height: 100px;
  width: auto;
}

    If you want to change this, you can override it via your site’s Additional CSS. For example: 

    
.site-logo {
  line-height: 0;
  max-height: 54px;
  max-width: 180px;
}

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Regards,
    Kharis

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Max width and height for logo’ is closed to new replies.