I removed following code from theme customize additonal CSS area and put it on child theme’s CSS file. And it worked.
p.dai{
font-size:2.6rem;
font-weight:bold;
line-height:3.8rem;
border:0px solid #000;
/*margin:1.6rem 0.4rem 1.6rem 0.4rem;*/
}
but code in “@media only screen and (max-width: 1023px){}” still doesn’t work. Font size doesn’t change even on mobile screen even after clearing cache.
@media only screen and (max-width: 1023px){
p.dai{
font-size:1.9rem;
font-weight:bold;
line-height:2.6rem;
border:0px solid #000;
/*margin:1.6rem 0.4rem 1.6rem 0.4rem;*/
}
}