Mobile site images too small

  • Eric
    Eric
    Newbie 31 points
    March 27, 2015 at 2:05 am

    On my mobile site (www.couponbum.com) the coupon images are showing up too small?

    Do I need to use a particular size (length x height) image in order for it to display the best on mobile? I thought that is what makes the theme responsive.


  • Josh
    Super Guru 13,875 points
    March 27, 2015 at 9:54 am

    Hello Eric
    You can use media queries to achieve this.Try this in Design Setup >Custom Meta Data >Header Styles
    <style>
    @media (max-width: 480px) {
    .wlt_search_results.list_style .thumbnail .frame img {
    max-width: 200px !important;
    }
    }
    </style>

    Here are more media queries you can use
    /* Large desktop */
    @media (min-width: 1200px) { … }

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { … }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { … }

    /* Landscape phones and down */
    @media (max-width: 480px) { … }

Viewing 2 posts - 1 through 2 (of 2 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes