Relocate Header Image without affecting rest of page
-
Hello all
I added a small logo to my header (www.entdocatiya.co.za), by adding an img src line to my header.php (in a child theme of course).
Problem is, it’s just THERE, and I have no idea how to move it within the header, without affecting the rest of the page.
I tried adding some custom css thus:
img {
margin-top: 10px;
position: absolute;
margin-left: 110px;
}But that moves my entire page down, and to the right (including the slider etc), which is obviously not what I want.
I’m relatively new, so I don’t know all the commands. Can someone help me please?
EDIT: I thought it looked funny, so I deleted the custom css as well as the img src line from header.php.
Then I added it back, and the image was now in the MIDDLE of the page!!
So now my custom CSS looks like this, to get it next to my name/qualifications:
img {
position: absolute;
left: -75px;
margin-top: 15px;
}In addition, I just made the slider margin 0, also with custom CSS:
.nivoSlider img {
margin-top: 0px;
}This works, but I am open to better suggestions on how to do it. This, to me, is not a very elegant solution.
- The topic ‘Relocate Header Image without affecting rest of page’ is closed to new replies.