1. 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?

Discussion in 'XenForo Questions and Support' started by Sagar, Nov 16, 2010.

  1. Sagar

    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.
     
  2. Brogan

    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 likes this.
  3. Sagar

    Sagar Active Member

    Thanks, that worked :)

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

     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Ah, fair enough.
    It will obviously be different once the menu bar is fully populated.
     

Share This Page