Looking for help with creating a video hub that includes a navigation bar? Instead of using an accordion nav collapse, I prefer the menu to carry onto the next line and be centered. Here is the code snippet I used to achieve this effect:
@media screen and (max-width: 850px){
.navbar ul li {
float: center;
display: inline-block;
}
.last {
background: none !important;
}
}
While this code snippet works flawlessly in Chrome, it seems to have some issues in Firefox and IE where the navbar doesn't center properly. Although the media query change for the .last class works, the problem lies in how Firefox and IE render the navbar.
If anyone has any suggestions on how to resolve this issue, please share your insights. If more code is needed for reference, you can visit the site .