Tagged: header, social links, Solved
- This topic has 8 replies, 2 voices, and was last updated 11 years, 8 months ago by 13alaise.
-
AuthorPosts
-
April 15, 2013 at 9:04 pm #705613alaiseMember
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 #7066SakinKeymaster@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 #711213alaiseMember@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 #7130SakinKeymaster@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 #713413alaiseMember@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 #7142SakinKeymaster@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 #714313alaiseMemberIndeed, 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 #7185SakinKeymaster@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 #721413alaiseMemberThanks!
-
AuthorPosts
- The topic ‘Header height and Social link position’ is closed to new replies.