inlined CSS for mobile header causing a headache

[julian]

julian

February 20, 2019 at 10:21 am

HI there

Ok so im doing some customisation of the header on the theme. this particular bit of inlined CSS is causing a real problem:

@media (max-width: 991px)
.stickyheader #kad-banner #logo a, .stickyheader #kad-banner #logo a #thelogo, .stickyheader #kad-banner #kad-shrinkheader {
height: 60px !important;
line-height: 60px !important;
}

I can get around this problem by changing this CSS In the console (removing the a in the first declaration) but I cant locate this anywhere in the javascript files. where is it coming from?

I am using a child theme so I can override this no problem

obviously any CSS i write is just being overriden as well as its both inlined, and !important, which is a real headache

thanks