Moving logo to the left?

Sagar

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.
 

Brogan

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:

HTML:
<div id="header">
    <div id="logoBlock">
            <div id="logo"><a href="http://www.olympuscafe.com/forums/">
                <span></span>
                <img alt="Olympus Digital Photography" src="http://olympuscafe.com/images/cafe.png">
            </a></div>
<div class="pageWidth">

        <div class="pageContent">

        </div>
    </div>
</div>
 

Sagar

Active member
Thanks, that worked :)

About UI, will be adding couple of tabs that made it too crowded within the page width :(

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

Try This
 
Top