Header Image Full Width

  • Hello, My header image does not extend all the way to the end of the page like you have featured in the demo. I check margins and such but nothing seems to be there. Please let me know what I may be doing wrong.
    I just started this site but here’s the link to give you an idea
    https://www.daniellekreger.com

    Thanks so much for the help!

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

  • Hi Danielle,
    First of all I want to say that your logo looks amazing! As for the header image not extending all the way it is because you have it in the wrong section. Right now you have it where the logo goes. If you look at the demo site the picture that goes all the way across the top is a featured image, not the logo. It still has margins on the sides. If you would like to keep your logo where it is and have it centered (which I think looks really good btw) all you need to do is change so code in your style.css file. Where it says this:

    #header-left-section {
    float: left;
    margin-right: 0;
    }

    Just take out the “float: left;” line and your image will be centered, or you can change it to float: center; either way will work. Let me know if you have any questions. I would love to help you out in the future!

    Cheers!

    Brooke

    Thread Starter danielle.kreger

    (@daniellekreger)

    Thank You! I’m glad you like the logo. I haven’t really put it out there yet so it’s nice to receive positive feedback. Thanks for your help as well. I think I’ll just leave it as it for the time being as I’m working to get the featured images together that will replace the large header. But definitely good to know!!

    Maybe you can help with the location of three featured columns that are on the demo (under the slider), I can’t figure out how to get those to appear!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image Full Width’ is closed to new replies.