Hi there,
I don’t know what the issue is with these theme at the moment but my media queries are really messed up. My “max-width:” and “min-width” commands do not line up with my specified pixel width.
E.g. I could put “@media only screen and (max-width: 319px) and (min-width: 309px) {”
Yet, for example, the code will kick in at 340px and stop at 320px even though I have clearly stated “(max-width: 319px) and (min-width: 309px)”.
It was working before and has only recently started to bug out so much. Any ideas what’s wrong? (The issues arises with .td-sub-footer-container , .td-g-rec-id-custom_ad_1, .td-g-rec-id-sidebar, and other elements etc.)
Thanks,
Chris
Hi, just to give an update on this issue.
The @media queries work but the pixel widths are not right. They tend to be out of sync by about 30-150px.
So, for example, in coding a design change I will put “@media screen and (max-width: 350px) and (min-width: 300px)” which actually has the effect of, “@media screen and (max-width: 290px) and (min-width: 240px), for example.
Thanks,
Chris
Hi Chris,
You should provide your website URL and some useful screenshots of the problem. Before this, I suggest you make a new fresh install to another sub-domain for testing and use only requested plugins, clear all the caches and check the results. Keep in mind that we do not have any bad reports regarding on media queries and everything should work as properly.
Thanks.
