Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #15114

    I have a couple of small tweaks I’d like to make to the header and hope it’s an easy as I imagine it to be.

    1. How would I center the logo image if it’s 600px wide? I thought the following would work in the quick style area but no luck:

    .logo, .logo a {

    left: 50%;

    margin-left: -300px;


    2. I’d also like to add a pair of images justified to the right of the header space with links (social media icons basically where the search box is now (which I’ve hidden).

    Thanks if anyone can help!



    You can move the logo position by altering the .logo padding, like this

    div .logo {
    padding: 20px 0 13px 300px;
    min-height: 100px;

    Adjust the left padding, that is the 300px value.

    If you want to create a new div or insert images on your header, open header.php and place the codes BELOW this line.

    <div class='container' id='menu_container'>

    You can create something like this.

    <div id="new-div">
    <img src="imagesource" >

    Just position #new-div absolute and adjust values as you see fit.



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Header Help?’ is closed to new replies.