fix mobile title font size

Please tell me how can I fix mobile title text font size.

Thanks

Comments

  • Hello
    Thanks for asking query to us .
    What issue are you facing with mobile title text font size . 
    If possible send me the snapshot by indicating title would you want to fix font size .  
    So that we can assist you better . 

    Thanks 
    Akhilesh
  • edited August 2018
    Those two parts of titles that i want to make smaller when using mobile.
    producut-title.jpg
    124K
    title.jpg
    200K
  • Hello
    For this add the below css code inside the custom css box . 

    @media only screen and (max-width: 480px) and (min-width: 200px) { 
    .page-title h1 {
        font-size: 20px ! important;
    }
    .blog-lg-area-left h3 > a, .blog-lg-area-right h3 > a, .blog-lg-area-full h3 > a {
        font-size: 20px ! important;
    }
    }

    @media only screen and (max-width: 767px) and (min-width: 480px) {

    .page-title h1 {
        font-size: 20px ! important;
    }

    .blog-lg-area-left h3 > a, .blog-lg-area-right h3 > a, .blog-lg-area-full h3 > a {
        font-size: 20px ! important;
    }
    }

    Change font size value as your need . 

    Thanks 
  • I did fix one.
    But still need fix another one that attached image.
    title.jpg
    200K
  • Hello 
    The above code is working fine at our end .
    Share your website URL so that we can assist you better .

    Thanks
  • Hi 
    Add the below css code inside the custom css box . 

    @media only screen and (max-width: 480px) and (min-width: 200px) { 
     .woocommerce div.product .product_title {
        font-size: 20px ! important;
    }
    }

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .woocommerce div.product .product_title {
        font-size: 20px ! important;
    }
    }

    Change font value as your need . 

    Let me know for further assistance . 

    Thanks 
  • Not does not work


    please check attached image is i added your code.
    css.jpg
    113K
  • Hello
    The above code is also working fine at our end . 
    But remove the previous  above code and add the below css code inside the custom css box . 


    @media screen and (max-width: 767px) {
     .woocommerce-page .page-title {
        font-size: 24px ! important;
    }
    .woocommerce div.product .product_title {
        font-size: 24px ! important;
    }
    }

    Change font value as your need . 

    Thanks 

  • Not working.
    Could you check attached image what is wrong.
    css.jpg
    103K
  • Hello
    If possible send me your admin detail at my email address 


    So that we can check whats going wrong with your end . 

    Thanks 
  • i send it

  • Hello

    We have resolve your issue .
    Pls check and tell me . 

    Thanks 
  • it has been verified.

    Thank you so much!
  • HI 
    Glade to know that its work for you !
    If you really like our theme and support pls give rate us here . 

    Look forward see you again at webriti. 

    Thanks 
This discussion has been closed.