I have tired to add certain codes to the "Additional CSS" section of the customizer based on previous suggestions to my question without success. My question is "How do I minimize the title size in JUST the mobile app?" I successfully added one code to the "Additional CSS" section where I changed the font size on JUST the mobile view but when I tried to add another code in the CSS nothing changed. I am wondering if I am doing something wrong when entering the codes or if I need an entirely different code. I appreciate the help in advance!
I have tired to add certain codes to the "Additional CSS" section of the customizer based on previous suggestions to my question without success. My question is "How do I minimize the title size in JUST the mobile app?" I successfully added one code to the "Additional CSS" section where I changed the font size on JUST the mobile view but when I tried to add another code in the CSS nothing changed. I am wondering if I am doing something wrong when entering the codes or if I need an entirely different code. I appreciate the help in advance!
This is the link to my page http://www.arcoflifechiro.com/wp-admin/customize.php?url=http%3A%2F%2Fwww.arcoflifechiro.com%2F
Hi there,
To reduce the widget title size on mobile screens only you can copy/paste the following CSS code to the Additional CSS panel of the theme customizer:
@media (max-width: 992px) { .widget-title { font-size: 36px; } }You can reduce the 36 number to your own needs.
Hope this helps.
Best regards,
Barry
QreativeThemes.com | WordPress Themes for Small Businesses | Rate Us ★