Moving logo to the left?


Active member
I am struggling to move logo to the extreme left (outside pagewidth property). I tried by removing pagewidth div from logoblock but it messes up the entire header. You can see here, how logo is disproportionately placed and need to move to the left.


XenForo moderator
Staff member
As a quick suggestion, I suspect you will have to move the logo div outside the pageContent and pageWidth divs.

I have to say though it's a very unusual setup and not good UI to have the menu items over to the extreme left and the content in the centre.

Try this:

<div id="header">
    <div id="logoBlock">
            <div id="logo"><a href="">
                <img alt="Olympus Digital Photography" src="">
<div class="pageWidth">

        <div class="pageContent">