Featured Image Looks Horrible on Mobile

2 replies
  • WEB DESIGN
  • |
Hi, all. I'm currently building out blog content on a wordpress site with a custom built front end. The site is a booking site for hotels, attractions, etc.

I'm no programmer, and I don't want to mess anything up on the front end by changing things on the blog, so I'm being really careful with what I do.

As the title states, my current problem is the featured image. It looks fine on desktop, but terrible on mobile. I've tried adding a mobile featured image plugin, but it doesn't seem to be working. Any help with a quick fix would be much appreciated.

Site - bransontravel.com
Content example - https://bransontravel.com/saved-62-11-one-day-branson/
#featured #horrible #image #mobile
Avatar of Unregistered
  • Profile picture of the author Michał Rusek
    In article it looks horrible because images have bad css options.

    The container which contain an image have set height: 500px. The image the inner element have width: 100% and height: 100%. I means that when you scrolling window you are seeing image which have 500px height and percent width. The height is 500px on all screens.

    You must set height: auto; for .blog-det-article-media class in your css file.
    {{ DiscussionBoard.errors[11205211].message }}
Avatar of Unregistered

Trending Topics