Store Icon Thumbnail Missing from Mobile Screen


  • hong
    Newbie
     
    9 points

    I can see my store icon thumbnail in my side bar listing widget on computer screen (see attachment 1), but the store thumbnail disappear in mobile screen (see last attachemt), could you help me how to fix it?

    Thanks

    Attachments:
    You must be logged in to view attached files.

    Josh
    Josh
    Super Guru
     
    13,836 points

    Hello Hong,
    Please try below code under Theme Setup >General Setup >Custom css

    @media (max-width: 480px) {
    .listingbit .col-md-3 {
    display:block !important;
    }
    }

    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) { … }



    hong
    Newbie
     
    9 points

    Thank you Josh, your code made the thumbnail show on the mobile screen, but the thumbnail is above the title and content (see below attachment 1), how to fix them to be same line, title and content to the right next to thumbnail like attachment 2?

    Attachments:
    You must be logged in to view attached files.

    Josh
    Josh
    Super Guru
     
    13,836 points

    Hello Hong,
    Please try below new code

    @media (max-width: 480px) {
    .listingbit .col-md-3 {
    display:block !important;
    float:left;
    }
    }

    This reply was awarded the best answer by the topic poster.


    hong
    Newbie
     
    9 points

    Great! Thanks Josh, your code work exactly what I want.


    Josh
    Josh
    Super Guru
     
    13,836 points

    You’re welcome Hong :)


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

You must be logged in to reply to this topic.