• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Moving logo to the left?

Sagar

Active member
#1
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
#2
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>