Consider doing the following:
– Try clearing all cache. (perhaps you’re seeing a browser cached version of the site)
– Try a smaller font than 16px.
I’ve rechecked the site to be sure and it definitely is using the CSS you’ve added. Perhaps 16px is too big for mobile.
See this video – https://share.getcloudapp.com/v1uYkrWv
As shown on the video, the p elements are actually using the font-size from your CSS. I toggled the font-size value to show that it’s actually applying.
I think you just need to change the @media rule and the font size to this to make it more apparent.
@media (max-width: 768px) {
body {
font-size: 12px;
}
}
The suggested @media change is to make sure it only applies to mobile devices as @media (max-width:1024px) will also apply to large tablets and smaller desktops.