- This topic has 10 replies, 2 voices, and was last updated 10 years, 6 months ago by
Tom.
-
AuthorPosts
-
September 24, 2015 at 6:38 am #139332
Uwe Pfeifer
Hi. I’m trying to get a header image displayed so it resizes to the endusers screen. if i select 100% widtht hough, it makes a white area below the background picture, before the menu. if i set to auto the logo on the right is not displayed to people but instead the image is cut off.
how can i make the picture resize but not produce this white area between menu and header?
thank you, freaky.
September 24, 2015 at 10:58 am #139433Tom
Lead DeveloperLead DeveloperAre you using a background image to display the logo etc..? If so, that’s not really the recommended usage of background images.
Background images are typically used for patterns or images that can be cut off a bit without hurting the design.
For displaying logos, it’s much better to display them as static images over top of the background image. That way, they will always display no matter what.
Let me know if you need more info 🙂
September 24, 2015 at 1:29 pm #139478Uwe Pfeifer
I’m trying to get someone to make a logo. I’ve done it the way you suggest now. http://www.gw2-togo.de
The problem is, we cant make a good logo lol I hope it will look well. The logo isn’t put up yet. It’s still in the making.Thank you for your help :).
September 24, 2015 at 1:53 pm #139507Uwe Pfeifer
ok is t here a possibility to put the logo to the left on the header? because i dont want a huge special area for just the logo like what happens when i set something as site logo.
September 24, 2015 at 3:07 pm #139517Tom
Lead DeveloperLead DeveloperSeptember 24, 2015 at 4:33 pm #139520Uwe Pfeifer
It didn’t help. I added this to CSS:
/* Logo next to site title */
.site-branding {
display: inline-block;
}.site-logo {
float: left;
margin-right: 20px;
}The result is this: http://imgur.com/3rUVJOe – so like before.
September 24, 2015 at 10:34 pm #139559Tom
Lead DeveloperLead DeveloperThat logo looks pretty huge – what happens when you size it down considerably?
September 25, 2015 at 4:04 am #139624Uwe Pfeifer
it looks like this now: http://imgur.com/PHENv1c
September 25, 2015 at 10:13 am #139710Tom
Lead DeveloperLead DeveloperGetting there.
How about a little smaller?
Then I would set your header background image size to “Cover” (in the Customizer).
Then you can push your site title/tagline down a bit with this CSS:
.site-branding { margin-top: 20px; }Adjust the pixels as necessary.
September 25, 2015 at 11:17 am #139727Uwe Pfeifer
i wont add a logo. i dont like the background getting that high/big.
thank you for your help 🙂
September 25, 2015 at 11:24 am #139729Tom
Lead DeveloperLead DeveloperNo problem 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.