Coupon images not displaying on mobile dispay

  • Eric
    Eric
    Newbie 31 points
    March 24, 2015 at 8:02 pm

    The featured coupon image that I set for each coupon post is not displaying on my mobile device. See problem at http://www.couponbum.com.

  • rahuljain
    rahuljain
    Newbie 62 points
    March 25, 2015 at 6:23 am

    Hey ,

    I faced the Issue , Contact In Live chat or Submit a Ticket

  • Hemanta Chakladar
    Hemanta Chakladar
    Super Guru 1,710 points
    March 25, 2015 at 8:32 am

    Hi, in cotent content-single-listing-coupon.php

    find, this part, line23-31,

    <div class="col-md-2 hidden-sm hidden-xs hidden_grid"> 
                
                [IMAGE]
                
                <div class="clearfix"></div>
      
               [RATING style=10]
                
                </div>

    And replace with,

    <div class="col-md-2"> 
                
                [IMAGE]
                
                <div class="clearfix"></div>
      
               <div class="col-md-12 hidden-sm hidden-xs hidden_grid">
    [RATING style=10]</div>
                
                </div>

    And in Design > wp_head,

    add css, .grid_style .col-md-2 { width:100%;}

  • Hemanta Chakladar
    Hemanta Chakladar
    Super Guru 1,710 points
    March 25, 2015 at 9:01 am

    Sorry, the file is content-listing-coupon.php

    In firstline, in-place of <div class="col-md-2">

    use this, <div class="col-md-2 col-sm-12 col-xs-12">

    This reply was awarded the best answer by the topic poster.
  • Eric
    Eric
    Newbie 31 points
    March 26, 2015 at 2:48 am

    Thanks @Hemanta Chakladar that code allowed the images to show on mobile display. However, the pictures are very small and aligned to the left. The rating count is also covered up.

    Please help with this issue. Thanks.

  • Eric
    Eric
    Newbie 31 points
    March 26, 2015 at 2:49 am

    To sum it up I would like to have the pictures bigger, aligned center and the rating count not covered up. Website is http://www.couponbum.com.


  • Josh
    Super Guru 13,875 points
    April 19, 2015 at 10:59 am

    Hello Eric
    The rating is not covered.Open the file mentioned by Hamanta find the <div> enclosing the [RATING style=10] shortcode and remove the class hidden-xs and hidden-sm
    To change the image size and center the image you can use media queries,maybe this can help >>https://www.premiumpress.com/forums/topic/mobile-site-images-too-small/

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

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes