@Media Queries Being Applied To My Custom CSS Code
Mike Lawson
I have submitted this issue already, here: https://www.joomshaper.com/forum/question/19659
The support rep doesnt seem to be interested in answering the question I am trying to get answered. Id like to reopen this issue so I can get a final resolution. I dont know what else to do except repost this as a new question. Thanks
Pavel
Accepted AnswerHi Mike.
The problem of which you talk does not exist in Raw Helix Ultimate. I think its occurrence can only be associated with an error in your custom code. Perhaps somewhere higher in your code you made a mistake that affects the entire code that you add below.
It looks like somewhere above you had @media (min-width: 1400px) {... with unclosed bracket.
And tip: Use custom.css file instead template's Custom Css field. This will save you from mess in <head></head> and allow you to control possible errors using any html editor connected via FTP
Mehtaz Afsana Borsha
Accepted AnswerHi
Sorry for this inconvenience. I will inform him as a high priority so that he will solve your issue soon.
-Regards.
Paul Frankowski
Accepted AnswerMike, If I may...
REMEMBER that correct basic syntax must be with double { } and { }
@media (min-width:320px) {
.className { your-extra-styles-here}
}and no, you don't have to use @media if you think that you don't need ... just use .className from inside !
And, Of course, CSS knowledge/course is needed for all webmasters, without we are just click-click-masters.
Mike Lawson
Accepted AnswerPaul, thanks for your input. To be more clear on the matter, it doesnt have anything to do with syntax or CSS fluency...it's the fact that I was forced to add an @media query in my custom CSS because the original CSS class I added wasn't working in mobile or tablet view. The @media (min-width:320px) wasn't even added by me, it was actually added by one of your support staff, because we couldnt figure out why my original CSS wasnt working in tablet or mobile view.
so the original question remains, why am I being forced to add @media queries to my CSS? The overall goal is to NOT use them at all, and have my CSS classes work in all screen sizes. So this is the lingering question Id like to have answered if possible. Thanks
Paul Frankowski
Accepted AnswerExtra tip!
there is CSS Validator, so you can copy the whole custom CSS that you have, paste it there and check results.
https://jigsaw.w3.org/css-validator/#validate_by_input
Yes, it should help you find mistakes.