Unwrap Title from Feature Image

• 

  d73kf8 · Member · Feb 4, 2017 at 4:48 pm

  • Copy link
  • Add topic to favorites

  I’m using the Argent theme, and the homepage looks great from desktop view. However, from a phone, the post titles are still wrapped on the side of the feature images. There isn’t enough space, so only one word of the title shows on each line, and it looks really bad. Is there a way to move the title below the image on mobile?

  The blog I need help with is: (visible only to logged in users)

• 

  staff-loquaciousloon · Staff · Feb 6, 2017 at 3:09 pm

  • Copy link

  Hi there!

  Try this CSS out:

  @media screen and (max-width: 500px) {
  .blog .post-thumbnail {
      display: block;
      float: none;
      text-align: center;
  }
  }

  That should pop the image above the title, and center it, on smaller screens :)

• 

  d73kf8 · Member · Feb 6, 2017 at 5:01 pm

  • Copy link

  Thanks! That worked perfectly.

• 

  staff-loquaciousloon · Staff · Feb 7, 2017 at 1:29 pm

  • Copy link

  You’re welcome!