Parallax Theme — Header issues

[PalmersGreek]

Hi everyone,

I'm new here and looking forwards to getting to know you all.

I'm currently working on this site, and am having issues configuring the header:

http://globalfilmmanagement.com

Like many of you, I'm having issues putting a larger logo in the center of the space.

I've followed a lot of instructions from here and managed to get an image of 574x120 on there, but it still looks tiny and is justified left.

So can someone please assist me with:

1) eliminating the .widget-area from the header completely, I'm not using it and it's taking up all the bloody space
2) centering my logo (.title-area)? in the .wrap part of the .site-containerheader area
3) making my beautifully designed logo image larger than that tiny rubbish, but not so large that it looks ridiculous on my iPhone

Thanks in advance!!!

http://globalfilmmanagement.com

[aureliendebord]

Hey KopanosMedia,

To center the logo, you can add a simple "margin:auto" :

.header-image .site-title > a {
    background-size: contain !important;
    display: block;
    height: 120px;
    text-indent: -9999px;
    max-width: 574px;
    margin: auto;
}

For you logo, increase the height of your header to get it larger. Proportionalities stories 🙂

---

Agence web Debord, building websites in France.

[PalmersGreek]

Thank-you Aurélien that worked a treat!

[Author]

Posts