News Pro full width header background

Community Forums Forums Design Tips and Tricks News Pro full width header background

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  AC 2 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #113967

    mikemueller
    Participant
    Post count: 47

    Working on a site and can’t get the background for the header to go full width

    http://thercreguy.com/

    Background header image is here http://thercreguy.com/img/rcreguyheader.jpg

    pulling it via:

    .site-header {
    background-image: url(‘http://thercreguy.com/img/rcreguyheader.jpg’);
    background-repeat: no-repeat;
    background-size: contain;
    }

    Any Ideas?

    http://thercreguy.com/
    #113986

    AC
    Blocked
    Post count: 7712

    Remove the background-size: contain and add a width. Change the width of the image itself from 1040px to 1140px. This will allow the header right widget area to appear “over it”.

    #114020

    mikemueller
    Participant
    Post count: 47

    That worked! Thanks Anita! You Rock!

    #114025

    AC
    Blocked
    Post count: 7712

    You’re welcome Mike!

    #114066

    mikemueller
    Participant
    Post count: 47

    Well – almost fixed it! :(
    Looked at it on the phone and the header now does not size properly at all. (Way too big!)

    #114069

    AC
    Blocked
    Post count: 7712

    You need to add that area to your media queries/responsive design area. And you may have to reduce the side of the image for it to show up properly.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.