My CSS seems to work fine on all my browsers, but it is messing with how it displays on my mobile device. Particularly, I am referring to the navigation folder. Is there CSS that will tell it to ignore mobile devices? Or do you have any suggestions for how I could alter my CSS so that it will have the same results without affecting mobile display?
Here's the website
Here's the is the relevant CSS:
#header {border-bottom: 5px solid #a8aab1; padding-bottom: 0px;}
#header .primary-nav .nav-link, .folder-wrapper {line-height: 35px; margin-top: 51px !important; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top: 1px solid #a8aab1; border-right: 1px solid #a8aab1; border-left: 1px solid #a8aab1; height: 40px !important; background-color: #d1d3da !important; height: 30px !important;}
#header .primary-nav .nav a:link, .folder-wrapper .show-folder {padding-left: 5px !important; padding-right: 5px !important;}