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?
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?
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.
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;
}