how to change mobile view text size
- This topic has 8 replies, 2 voices, and was last updated 3 years ago by Grace Support.
-
AuthorPosts
-
December 11, 2019 at 9:33 am #19276jackie tehParticipant
Hi, may I know how can I change the font size on the mobile view using css ?
December 11, 2019 at 10:34 am #19277Grace ThemesMemberHi,
you can paste this type css Code in bottom of the style.css file OR Custom CSS Box in Basic Setting tab.this is example:
/* Mobile View */
@media screen and (min-width: 300px) and (max-width: 767px){
.nivo-caption h2{ font-size:22px !important;}
}Regards
December 12, 2019 at 2:31 am #19284jackie tehParticipantDecember 12, 2019 at 3:30 am #19286jackie tehParticipantHi,
I just found an error in my style.css
#cat { height:30px; 20px; padding: 5px; width: 170px; }
may I know what is this CSS code for? and how can I fix it?
December 12, 2019 at 8:14 am #19289Grace ThemesMemberHi,
We have write some wronge CSS Code:
@media only screen and (max-width: 768px) {.content-area { padding: 20px !important;}
.fg-item { width: 100% !important;}}
#cat { height:30px; padding: 5px; width: 170px; }
height element is wronge
I have correct the all CSS codes
Regards
December 12, 2019 at 8:30 am #19297jackie tehParticipantHI,
can I write this code:
@media only screen and (max-width: 768px) { .content-area { padding: 20px !important;} .fg-item { width: 100% !important;} }
like this:
@media screen and (min-width: 300px) and (max-width: 767px) { .content-area { padding: 20px !important;} .fg-item { width: 100% !important;} }
December 13, 2019 at 5:21 am #19309Grace ThemesMemberYes, you can use these code as well.
March 30, 2021 at 10:57 am #29700jackie tehParticipantthank you
March 30, 2021 at 12:33 pm #29705Grace SupportKeymasterYou ate most welcome
-
AuthorPosts
- You must be logged in to reply to this topic.