Hi,
How can I use a header image that already includes my logo within the image (so I do not need Newsmag to put the logo on top of the image).
In the Theme Panel -> Header I have Style 1 – Default.
What I want to do is to be able to add an image to the header section (so not full-width), just in the boxed layout. I do however want to be able to pick the height myself and below that the Navigation should start. So I need a solution that allows me to upload a picture of width (which is probably fixed due to the nature of the theme) x 200 height. But then if I someday decide to make the height 300 I should be able to just tweak that easily.
Is something like that possible and how do I do it? Thanks!
Hi
Your goal can be achieved only by editing the code. You need to edit the file corresponding with the header style used and insert a new container which will contain your image. Here is an example for header style 1: http://screencast.com/t/mZEAIPcer38l – http://screencast.com/t/tnMMRgKX
For image’s layout I’ve used this css:
.custom-img img{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
This is just a basic example but you can customize header’s layout as you want by switching the elements position and changing theirs style.
Note that this task require basic html/css coding skills and some tests in order to achieve the desired rezult. We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard my advice is look for someone who can help you or hire a freelancer to do it for you.
Thanks!
Hi Andrei,
Thanks for your help with this. However my desired outcome is still a bit different.
What I want is to have my image instead of the rest of the header.
In this case you still have the logo + the ad bar above that. What I want is:
Header image (the one I want to add myself)
Navigation
Content
So there should not be anything else than the image in the header. I can manage the html / css edits, but hope you can point to what I should remove in that case to make sure it is not with the headerlogo etc.
Hi
In this case you just need to remove the code which generate the logo and header ad: http://screencast.com/t/JTRWlZZYyBxP
Thanks!
