Css difference in Chrome and Firefox/Safari

Hi there,

Chrome likes to do things differently - and its hard to say which browser is doing it right when you have two elements using negative margins to create an overlap.

Personally i would do something like this instead having elements with neg margins:

.inside-page-hero {
    position: relative;
    bottom: -140px;
}

Hi,

No i dont have any negative margins, but still header phone widget and navigation aint layouting nicely in chrome....?

I meant, i removed those negative margins after your guidance... :)

Did you resolve the issue ?

Hi,

No. Main navigation still behaves differently in chrome and firefox...?
Firefox is where it works as hoped but chrome still has the issue

Hi there,

Try adding this CSS:

@media (min-width: 769px) {
    .site-logo {
        float: left;
    }
}

Hi,

Thanks, unfortunately it didnt do the trick..

Can you add the CSS to the site so I can see why it isn't working?

Hi,

I had added it put somehow it wasnt active cause it was at the end of the css, after all media css:s. I putted it at the first in css file at started to work.

Thank you both for your patience and help!

Glad we could help :)