[jackie teh]

Hi, may I know how can I change the font size on the mobile view using css ?

[Grace Themes]

Hi,
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

[jackie teh]

Hi,

Is this the must-have I have made some ccs change as below:

@media screen and (max-width: 767px)
.content-area {
padding: 20px !important;
}

@media only screen and (max-width: 768px) {
.fg-item {
width: 100% !important;
}
}

is my code correct?

I always use google chrome browser inspect

[jackie teh]

Hi,

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?

[Grace Themes]

Hi,

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

[jackie teh]

HI,

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;}

}

[Grace Themes]

Yes, you can use these code as well.

[jackie teh]

thank you

[Grace Support]

You ate most welcome

[Author]

Posts