Focus Pro Header – Can I Make it like the Original Focus

Community Forums Forums Design Tips and Tricks Focus Pro Header – Can I Make it like the Original Focus

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by  SociallyExceptional 10 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #79518

    SociallyExceptional
    Participant
    Post count: 57

    Hello!
    I am having some issues with the header sizing inside the Focus Pro theme. In the original theme, I had a good side of 1060×229 that worked pretty well. Now, however, there is consistently added white space all around the header versus it just going from side to side. It doesn’t matter how long I make the header, it keeps that padded space around it

    This current site here >> http://fillingthegapadultdaycare.com/

    I want the header to be like this here >> http://vintageplaceadc.com/

    Have never had any issues before – only since using the Pro. These are owned by the same people and it needs to look the same header wise. Any ideas?

    Thank you!

    http://fillingthegapadultdaycare.com/
    #79522

    nutsandbolts
    Moderator
    Post count: 3140

    Find this in your stylesheet:

    .site-header .wrap {
    background: #fff url(images/lines.png);
    background-size: 6px 6px;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    padding: 30px 60px;
    padding: 3rem 6rem;
    }

    and just remove the two rules for padding. The image will need to be wider since Focus Pro is built on the 1140px grid, but otherwise that should get rid of all the extra white space.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #79529

    SociallyExceptional
    Participant
    Post count: 57

    Oh yes! Of course…I was looking at margins – not padding. Simply brilliant. Much better. Thank you, as always!

    #79530

    nutsandbolts
    Moderator
    Post count: 3140

    No problem! Glad I was able to help. :)


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #79538

    SociallyExceptional
    Participant
    Post count: 57

    Any idea, why in Internet Explorer & FireFox its not showing the same size?

    #79540

    nutsandbolts
    Moderator
    Post count: 3140

    It looks fine for me in all browsers – do you maybe have a caching plugin or Cloudflare active?


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #79548

    SociallyExceptional
    Participant
    Post count: 57

    It wasn’t active, but I deleted it and now all seems fine. Thank you!

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

You must be logged in to reply to this topic.