Big Savings New Year Sale | Flat 20% OFF on All Themes Package. Use Coupon Code WLC2023 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

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
    Participant

    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
    Participant

    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
    Participant

    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.