Cross-browser conflict in window width

3

I'm working on a website, the problem is when the window is less than 500px, in Firefox navbar (navBar.css) appears one way (correct) and Chrome appears in another. How do I resolve this?

    
asked by anonymous 11.03.2014 / 12:12

2 answers

2

Change this line:

#missValMob, #namesJobsMob, #middleTextMob {
    display: inline-block; /* estava display: block; */
}

This must have happened since both browsers have rendering differences, which, although minimal, cause some problems.

    
11.03.2014 / 12:34
0

Apply these rules in your css, I believe it will work as intended:

@media only screen and (max-width: 800px)
#upBar {
    top: 0;
}
#wrapper > header {
    position: fixed;
    top: 0;
    z-index: 9;
}
    
11.03.2014 / 12:26