Center header

  • Hi. I would like to center my heaader logo. I know its not possible with float in the css, but is there a workaround for it?

    as it is now i can only adjust the header logo with the float (left og right)

    You can see my site here

    Thx

Viewing 5 replies - 1 through 5 (of 5 total)

  • Remove float: left; from #header .logo and add margin: 0 auto;

    Thread Starter emilhein

    (@emilhein)

    i tried that several times:
    my #header .logo looks like this:

    #header .logo {

    background: transparent;
    border: none;
    padding: 0 0 20px 0;
    max-width: 100%;
    margin: 0 auto;
    }

    And it doesn’t help ??

    What file you are editing? I just made changed to style.css using Chrome Dev Tool and it works just fine.

    Thread Starter emilhein

    (@emilhein)

    i am editing style.css

    I have also tried this in style.css just like you say

    “background: transparent;
    border: none;
    padding: 0 0 20px 0;
    max-width: 100%;
    margin: 0 auto;”

    however, on a large desktop of a width of 1200px and above my logo floats lefts, but when I change my below 1200px it behaves like it should.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center header’ is closed to new replies.