Get 20% Off On All Our Premium WordPress Themes Bundle. Use GRACEBFCM Coupon Code For Discount Deal Upto Dec 15 Buy Now

how to change mobile view text size

Home Support Business Growth WordPress Theme how to change mobile view text size

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19276
    jackie teh
    Participant

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

    #19277
    Grace Themes
    Member

    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

    #19284
    jackie teh
    Participant

    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

    #19286
    jackie teh
    Participant

    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?

    #19289
    Grace Themes
    Member

    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

    #19297
    jackie teh
    Participant

    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;}
    
    }
    #19309
    Grace Themes
    Member

    Yes, you can use these code as well.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.