News center articles display problem on mobile

edited May 25 in Busiprof
Hi, 

Plz check https://www.woolars.com/blog/ ; on you phone,  the articles display mode is very big. 

Picture and words were too big. I want it can show more articles in a single mobile screen. this is good for user to find the articles they want. 

Thanks for your kind help,
Alec

Comments

  • Hi @woolars

    Add the below css code inside the custom css box.

    @media (max-width: 767px){
    .site-content#blog-masonry .post .post-thumbnail img {
        width:200px
      }
      .masonry-content {
        padding: 12px;
      }
      .site-content .entry-header .entry-title {
        font-size: 16px; !important;
    }

    .site-content .post p{
        font-size: 13px !important;
      }
      
    .site-content .more-link {
        padding: 5px 13px;
    font-size:13px !important;
       }
    }

    Let me know for any confusion,

    Thanks
  • edited May 25
    it says: Unable to save due to 1 invalid setting and might break my site.

    which means the code some where must be wrong , plz check.
  • Hi @woolars

    Sorry for that Please add the below css code.

    @media (max-width: 767px){
    .site-content#blog-masonry .post .post-thumbnail img {
        width:200px
      }
      .masonry-content {
        padding: 12px;
      }
      .site-content .entry-header .entry-title {
        font-size: 16px !important;
    }

    .site-content .post p{
        font-size: 13px !important;
      }
      
    .site-content .more-link {
        padding: 5px 13px;
    font-size:13px !important;
       }
    }

    Let me know for any confusion,

    Thanks
  • i tried, but i think there is not much difference with before. 

    I want one screen to show more articles. maybe two article in a row.  or more user friendly show style. 

    Thank you for your time.
  • edited May 25
    Hi @woolars

    For two article in a row in mobile is a part of feature enhancement. Required much code customization.
    Beyond the scope of theme support, For this You need to hire a developer to do it.

    Thanks
Sign In or Register to comment.