Resizing Featured image on Phone

  • Hi I would like to know how can we resize our featured image so that we can see the whole image on our phones.

    Thanks!

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

  • Hi, add the following CSS and then narrow and widen your browser window and scroll around to see what happens. Also visit your site on your phone. When doing this sort of thing, there are some pretty big challenges, and we can’t only think about the view on the phone, we have to consider the view all the way down from a desktop monitor to a phone, and there are about 100 different screen sizes on tablets and phones alone.

    .hero.with-featured-image {
        background-size: contain;
        background-position: 50% top;
    }
  • The topic ‘Resizing Featured image on Phone’ is closed to new replies.