Increase logo size on website

  • Unknown's avatar
    juliedavis02 · Member ·

    Hello,

    My current theme for my website doesn’t allow my logo (pasted below) to fit across the entire top header. I would like to have my theme top logo size increased to fit the entire page.

    Photo:https://keepingupwithjuliedotcom.files.wordpress.com/2015/08/juliewhite.jpg

    Thank you,

    Julie

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

  • Unknown's avatar
    thesacredpath · Member ·

    Julie, you can use the following custom CSS to make the logo image larger, but it would not go full width. We can make it go full width, but because WordPress creates a smaller image off of your larger image, it will lose quality.

    Insert your logo again and give the following a try and see what you think I also changed the entire background of the header area to black so that it was less noticeable that the image doesn’t go full width. 

    .site-logo {
    max-width: 100%;
}
.site-header {
    background-color: #000;
}

    We can insert the image using CSS instead of as a site-logo, but that presents other problems when using a responsive designed theme such as Promenade since the image would shrink in size, but the div that it would be placed in would not, so on smaller screens there would be a gap between the bottom of the image and the rest of the content.

  • The topic ‘Increase logo size on website’ is closed to new replies.