• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Expand logo on the site-header

Expand logo on the site-header

  • Unknown's avatar
    eamonlineorg · Member · Aug 23, 2016 at 7:19 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    I do not know the correct terms to speak so forgive me. I need to expand the logo I have at the top of the site, which I call the site-header or masthead. I’ve tried so many things and can’t get anything to work. Right now I have a logo there that works but it’s not the correct one. The one I want to use will expand all the way across the top of the page. How can I get that to happen? There was a search box on the right that I took off but it seems the space is still not available to expand the logo. The theme is Organization. I a total novice at this. Anything simple I can do?

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

  • Unknown's avatar
    thesacredpath · Member · Aug 24, 2016 at 3:59 am
    • Copy link Copy link

    Hi there, my first suggestion would be to add the image as a Custom Header instead of a site logo. You can do that at Customize > Header Image. What you will want to do is to select the image and when you get to the “Cropping” stage, select Use as is/no cropping.

    We can also insert the image and make it full width using CSS, but this is more cumbersome. Give the above a try and let me know how things go.

  • Unknown's avatar
    eamonlineorg · Member · Aug 24, 2016 at 1:05 pm
    • Copy link Copy link

    I’m using a featured content slider on the homepage and I’m thinking the custom header is not an option. I tried it and nothing even shows up. I need to go the CSS route to accomplish my task. Just not sure how to do that. I tried various methods but nothing.

  • Unknown's avatar
    thesacredpath · Member · Aug 25, 2016 at 3:30 am
    • Copy link Copy link

    Hi, I’m seeing a header image across the top of your site right now and see that you have added the following CSS to make it go full width.

    #header .row .nine, #header img {
        width: 100%;
    }

    Is everything alright with this, or are there additional changes you want to make with it?

  • Unknown's avatar
    eamonlineorg · Member · Aug 25, 2016 at 2:03 pm
    • Copy link Copy link

    /* Expand the header image logo */
    #header .row .nine,
    #header img {
    width: 100%;
    }

    Needed that first line for some reason. All set!

  • Unknown's avatar
    thesacredpath · Member · Aug 26, 2016 at 7:35 pm
    • Copy link Copy link

    Awesome!

  • The topic ‘Expand logo on the site-header’ is closed to new replies.

Tags

  • expand width
  • logo
  • organization theme

About this topic

  • In: CSS Customization
  • 2 participants
  • 5 replies
  • Last activity 9 years
  • Latest reply from eamonlineorg

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

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

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions