Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #7066
    Sakin
    Keymaster

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

    #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

    #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.

    #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.

    #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; }

    #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.

    #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; }

    #7214
    13alaise
    Member

    Thanks!

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