Hi team,
I have done some custom CSS on title and text blocks on my home page (drbillsukala.com.au). They look fine on a laptop but when I look at the page on my Android phone (in both Chrome and Firefox browsers), the text is extremely small (as if the CSS is not being recognised).
Note, I am NOT using the mobile theme. Only the responsive feature.
Is there a separate CSS file for responsive/mobile rendering that I am not aware of? If so, do I just need to add my code from my CSS file (child them) to a different style sheet?
Thanks
Hi guys,
Message 2 here. I have taken the CSS code from the child theme style.css and moved it into the theme settings custom code tab and that seems to have fixed this.
Just for my own learning, is it better to have the custom CSS in the theme panel? Is there any reason why the CSS in the child theme would not render on a mobile?
Thanks.
Hello,
This depends on whether you use thew child theme or not. The child theme has it’s own css and you should add the code in the mobile theme tab under custom code. Also if the code is not specific enough, the child theme code could still be overwritten by the default code. Css sometimes does that as it’s a very specific language.
Thank you!
