white space above header image

Community Forums Forums Design Tips and Tricks white space above header image

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by  colson 1 year, 1 month ago.

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

    faisal
    Participant
    Post count: 30

    Hi,

    When I try to minimize window or have a look of the website in iphone, the white space above header image becomes larger and awkward.

    Is there a solution to keep the white space same as orginal size.

    thanks,

    Faisal

    http://www.telecomlighthouse.com
    #52400

    colson
    Participant
    Post count: 145

    in your css on line 191 if you change the margin-top:180px to padding-top: 180px that will fix the white space at the top

    #title-area {
    float: left;
    padding-top: 180px;
    width: 35%;
    }

    #52449

    faisal
    Participant
    Post count: 30

    thanks colson,

    The problem got solved. However I noticed that the same issue happens with the secondary nav bar. White space becomes large when window minimizes. Any suggestions ?

    Faisal

    #52531

    colson
    Participant
    Post count: 145

    oops gave you wrong info I will double check and get back to you

    • This reply was modified 1 year, 1 month ago by  colson.
    • This reply was modified 1 year, 1 month ago by  colson.
    #52533

    colson
    Participant
    Post count: 145

    It is being caused by the same style from above #title-area

    The padding 180px is causing the issues on the smaller mobile screen. You need to change the padding in your media queries I would add the #title-area to @media only screen and (max-width: 480px) and reduce the padding to maybe 50px

    #52562

    faisal
    Participant
    Post count: 30

    Thank you and appreciated.

    This solves the issue

    Regards,

    Faisal

    #52574

    colson
    Participant
    Post count: 145

    Glad it worked :)

    Corinne

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

You must be logged in to reply to this topic.