Navigation
Archive / Making font smaller on phones
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 6, 2016 at 2:30 pm #1163444
    fhecht
    Participant

    Hi,

    I would like to make the font smaller on my website when using it through a phone.
    If possible, I would like to have the text on blog posts smaller and not the whole site.
    Also is there any way to remove the container from the blog posts when viewing the post on a phone? The container takes up a lot of screen estate.
    This is one of my blog posts:
    http://fhecht.dk/undgaa-overbelastning/

    Thank you very much 🙂

    September 6, 2016 at 4:57 pm #1163575
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    @media screen and (max-width: 767px){
    .single-post .x-container.width {
        width: 97% !important;
    }
    .single-post .entry-content {
        font-size: 15px !important;
    }
}

    Let us know how this goes!

    September 7, 2016 at 11:15 am #1164703
    fhecht
    Participant

    Thank you very much! It works perfectly!

    September 7, 2016 at 12:42 pm #1164835
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1163444 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>