Summer Sale | Flat 10% OFF on All Themes Package. Use Coupon Code Summer24 | Limited Time Offer! Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

how to change mobile view text size

Viewing 9 posts - 1 through 9 (of 9 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.

    #29700
    jackie teh
    Participant

    thank you

    #29705
    Grace Support
    Keymaster

    You ate most welcome

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