Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 15, 2013 at 9:04 pm #7056
    13alaise
    Member

    Hi,

    I’m trying to reduce the height of the header to the height of the logo image.

    I’ve removed the search tool, and I’d like also to move the social link up.

    Any idea on how I can do it?

    Thank you!

    Germain

    April 15, 2013 at 10:14 pm #7066
    Sakin
    Keymaster

    @13alaise: Please post your site URL so that I can check what you have done and send your the css code.

    April 16, 2013 at 2:14 pm #7112
    13alaise
    Member

    @Sakin : Hi, thanks for the answer. Here is the webpage. Please, keep in mind this is a work in progess…

    http://test.gdid-conseils.com/13alaise

    Regards,

    Germain

    April 16, 2013 at 4:16 pm #7130
    Sakin
    Keymaster

    @13alaise: I just check in your site and font that you have header image a large one. See this http://test.gdid-conseils.com/13alaise/wp-content/uploads/2013/04/Banniere_pecheur.png it’s 889px width. You can reduce this header image width, and it will be fine.

    April 16, 2013 at 7:10 pm #7134
    13alaise
    Member

    @Sakin : Thanks for the quick answer. Yet, it’s not exactly what I want as width is OK but height is where I want to reduce the size.

    I’ve reduced the width of the image to no result.

    This is what I’d like to achieve :

    Thank you for your answer.

    April 16, 2013 at 9:20 pm #7142
    Sakin
    Keymaster

    @13alaise: Since the width of them image is larger than 810px width. It pushed the social icons down which caused the height issue.

    You can check the height issues. For example, just add the following CSS in “Custom CSS” box in Theme Options panel.
    #site-logo { max-width: 825px; }

    April 16, 2013 at 10:32 pm #7143
    13alaise
    Member

    Indeed, I changed the size to 610 px and it’s way better 🙂

    Thank you.

    I now have the social links up… Can you guide me on how to lower them (for exemple 60px from the top)?

    Thank you.

    April 17, 2013 at 1:13 pm #7185
    Sakin
    Keymaster

    @13alaise: Just add the following CSS in “Custom CSS” box in Theme Options panel.

    #sidebar-top { padding-top: 60px; }
    @media screen and (max-width: 1100px) { padding-top: 0; }

    April 17, 2013 at 9:50 pm #7214
    13alaise
    Member

    Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header height and Social link position’ is closed to new replies.