CSS to show 1 post on mobile

  • Resolved marilynutz

    (@marilynutz)


    7 years, 4 months ago

    Hi, I am showing 4 FB posts on my client’s website, but on the phone I would like to show only 1 post. I was told there’s a way to do this with CSS. Could you send me the CSS to allow 4 posts to show on the website and tablets, but have only 1 post show on the phone? Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author smashballoon

    (@smashballoon)

    Hey @marilynutz,

    If you add this to the plugin’s Custom CSS section (Customize > Misc > Custom CSS) then it will only show 1 post on mobile:

    @media all and (max-width: 640px){
  #cff .cff-item{
    display: none;
  }
  #cff .cff-item:first-child{
    display: block;
  }
}

    Let me know if that works for you.

    Thanks!

    John

Viewing 1 replies (of 1 total)
  • The topic ‘CSS to show 1 post on mobile’ is closed to new replies.