Reply To: Typography fields problem

let me explain the problem again

basel theme have an option that user can add custom css to website. right?
in this adrres: dashboard > theme settings > custom css

in custom css section, user have five option:
1. global custom css
2. custom css for desktop
3. …
4. …
5. custom css for mobile

ok?

for example, i want to add the css code below to both ” custom css for desktop ” and ” custom css for tablet ”

.footer-container{
border-top:1px solid #000
}

right?

when i add this code to custom css section ( both for desktop and tablet ) , this custom css will work like this in user browser:

for desktop:

@media only screen and (min-width:922px){
THE CSS CODE HERE
}

for tablet:

@media only screen and (max-width:922px){
THE CSS CODE HERE
}

the problem is, if someone open the website with a device with exactly 922px width, none of this code will apply.

you must change thos number to something like this:

for desktop:

@media only screen and (min-width:922px) ……….

for tablet:

@media only screen and (max-width:921px) ………