Problemas com thumbnails

[DinhoPHP 1]

Estou com este problema para resolver neste site, aonde as imagens aparecem conforme o link abaixo, apenas nos celulares. Preciso resolver urgente! Agradeço à todos que ajudarão.

 

http://equipenovainfo.com.br/celularsegunda2.png

[reebr 94]

E como deveria aparecer? Como está seu código?

Se isso ai for um slide, está usando algum plugin?

 

Ninguém sabe como funciona seu site, se não der detalhes não tem como dar uma resposta que resolva/ajude.

[DinhoPHP 1]

Sei que é um caso complicado, mas não criei isto, fui convocado à consertar. Vou inserir o PHP e algumas classes CSS aqui:

 

galeria.php

 

<div id="content_todas_fotos">
<div class="slideshow_fotos">
<?php
if( @sizeof($post->web_files) >0 ):
$flag=-1;
for($x=0; $x <= round(sizeof($post->web_files)/8); $x++ ){
echo '<div class="fotos_nows">';
$count=0;
foreach($post->web_files as $pos => $file){

if($count < 8 && $pos > $flag){
echo '<div class="fotos_img" rel="'.$x.'">';
//echo '<img src="'.url::base().'media/uploads/'.$file->name_full.'" class="img-responsive image_atual_get imgShow" style="max-width:144px; max-height:96px;" rel="'.$file->id.'" />';
echo '<img src="'.ImagemUtils_Core::gerarThumbnail('media/uploads/', $file->name_full, 665, 271).'" class="img-responsive image_atual_get imgShow" style="max-width:144px; max-height:96px;" rel="'.$file->name_full.'" />';

echo '</div>';

$flag=$pos;

$count++;
}

}
$count=0;

echo '</div>';
}

endif;
?>

<?php /*for($x=1; $x <=2; $x++) : ?>
<div class="fotos_nows">
<?php for($i=1; $i <=8; $i++) : ?>
<div class="fotos_img">
<img src="<?php echo url::base();?>media/images/image_fotos.jpg" class="img-responsive">
</div>
<?php endfor; ?>
</div>
<?php endfor;*/ ?>
</div>

 

estilo.css

 

#slideshow_fotos_h {

width:100% !important;
float:left;
}

#slideshow_fotos_h img {
display:none;
}

#content_todas_fotos {
width: 95%;
margin:auto;
display:none;
/*mudanca*/
}

.slideshow_fotos {
max-width:100%;
margin-top:-7px;
margin-bottom:10px;
}

.content_slide_show_responsive {
max-width:100%;/*VOLTAR AQUI*/
float:left;
}

.slideshow_fotos_responsive {
width:100%;/*VOLTAR AQUI*/
float:left;
margin-left:4%;
}

.slideshow_fotos_responsive .blocos_images_res {
float:left;/*VOLTAR AQUI*/
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color:transparent !important;
}

#content_todas_fotos .fotos_nows .fotos_img {
width:24% !important;
float:left;
margin-left:0.5%;
margin-right:0.5%;
text-align: center;
text-align: -webkit-center;
}

@media(min-width:10px) and (max-width:1180px) {

#content_todas_fotos .fotos_nows .fotos_img img {
width:100%;
}
}

#content_todas_fotos img {
margin-bottom:4px;
}