header moved on different computers

  • Hi all i just need some help with my header.

    It seems that its in different locations on different computers and browsers. Now ive coded it and it works fine thru my computer, but on my laptop its moved and a friend of mine just went on there and showed me screen shots of it and it looks crap!!!

    Anyhelp would be great.

    https://www.dirtyculture.com.au

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    I’m seeing this in your css:

    .header {
    position: fixed !important;
    left: 48%;
    margin-left: -648px;
    background-color: black;
    z-index: 10;
    width: 100% !important;
}

    Try changing that to this:

    .header {
    position: fixed;
    left: auto;
    margin-left: 0;
    background-color: black;
    z-index: 100;
    width: 100% !important;
}

    Does that work for you?

    Hannah

    Hi Mrgem,
    I reviewed your home page and not experienced the issue which you mentioned.

    I just found the header has another responsive view on small devices. In there your shop logo not showing.

    Are you experiencing this issue?

    Thread Starter Mrgem79

    (@mrgem79)

    I have changed the header to change with smaller devices so i have deleted the logo and only have text.

    Tha ks Hannah will give this a go in a bit

    Thread Starter Mrgem79

    (@mrgem79)

    Hi hannah i have changed it and so far on my laptop it has worked. Will get my friend to check it now.

    Your a legend

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘header moved on different computers’ is closed to new replies.