Center header

  • emilhein

    (@emilhein)


    10 years, 8 months ago

    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)
  • Boris Kuzmanov

    (@kuzmanov)

    10 years, 8 months ago

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

    Thread Starter emilhein

    (@emilhein)

    10 years, 8 months ago

    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 🙁

    Boris Kuzmanov

    (@kuzmanov)

    10 years, 8 months ago

    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)

    10 years, 8 months ago

    i am editing style.css

    josma

    (@josma)

    10 years, 8 months ago

    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.