notsoresponsive header in Metro

Community Forums Forums Design Tips and Tricks notsoresponsive header in Metro

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  CynthiaC 1 year, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #37069

    CynthiaC
    Participant
    Post count: 20

    New website and notice the header isn’t responsive.

    I changed the header size in the css and in function.php then uploaded it thru Appearance -> Header.

    Looks good on the computer but wasn’t responsive – SO after much reading I uploaded Nick’s plugin and now have lots of white space top and bottom of the header.

    Is there a way to NOT have all that space?

    http://bigbusinessinside.com/chevytoo/

    Thank you

    http://bigbusinessinside.com/chevytoo/
    #37076

    Nick Davis
    Participant
    Post count: 50

    Hi Cynthia

    I noticed the right side of the header still cuts off slightly at some screen sizes, but that apart if you want to remove the white space above and below at smaller sizes you could try editing the following bit of code in your style.css file (showing as line 578 for me):

    `.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 275px;
    overflow: hidden;
    text-indent: -9999px;
    }`

    to:

    `.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    height: 275px;
    overflow: hidden;
    text-indent: -9999px;
    }`

    If you’re not sure on this please make a copy of your style.css file (or backup of your website) first

    – Nick


    @NickCDavis. WordPress developer & Genesis fan boy living in Italy.
    Don’t want to set up your theme yourself? Try my new ThemeValet service.

    #37215

    CynthiaC
    Participant
    Post count: 20

    You are a genius Nick!  Thank you – I owe you a Tim’s :)

    Cynthia

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

You must be logged in to reply to this topic.