I keep looking to find out how to show normal images/thumbnails on mobile view, now when I open my website on mobile, the thumbnail is very very small, like icon sized 25x25, nobody can see the picture. my website is about movies. Guys and experts, please help how I can resize the thumbnail only on mobile, on desktop it's normal. I use 'tribal theme'. my site is films12[dot]com. Please help by opening mobile mode on mobiletest[dot]me. Thank you very much for your kind.
Hi Hipvie. Just locate the html elements containing the images/thumbnails, and then the css file or files responsible for the styling - or create them if none exists - to apply the desired dimensions and proportions according to responsive settings. Please put a link to the site and I will tell you how. Regards.
Hello, You have bootstrap class col-xs-2 on your article elements which set width of 16.6667% for these elements on extra small devices: <article id="post-2167" class="col-lg-2 col-md-3 col-sm-3 col-xs-2 grid..."> .col-xs-2 { width: 16.66666667%; } To enlarge your thumbnails, just change class col-xs-2 to col-xs-4 and your article elements will have width of 33.333%. <article id="post-2167" class="col-lg-2 col-md-3 col-xs-4 grid..."> Hope that will help you.