I have a WordPress theme that I created, but for some reason in my template header, some of the styles I have declared are being overridden somehow. When I inspect in Chrome some of those elements are not listed as if they are not in my style.css, but they are.
I can't figure this out for anything. For example, there are some elements that should be set to display:none in desktop mode, but they are still showing. My footer styles in style.css are not getting applied. I have tried using Chrome to see what is going on, and I've tried setting some declarations to !important, but that doesn't even work.
Any help would be greatly appreciated!
section.page-area { position:relative; top:0px; margin:0px; margin-left:auto; margin-right:auto; width:60%!important; margin-bottom:50px; }
.mobile-nav-container, nav-menu, button.open-menu, button.open-menu-small, .home-btn-mobile, #main-logo-mobile, #mobile-logo, .cover-current-mobile { display:none!important; }
This is just a tiny snippet of CSS that is not getting applied.
