Contenido de boton collapse no reajusta tamaño de div - Por favor ayuda

[wensllei]

Buenas tardes - Contenido de boton collapse no reajusta tamaño de div

Estoy trabajando en una pagina la cual fue desarrollada por otra persona. Realmente esta persona utilizo plantillas o template y solo agrego algunas cosas.

El tema es que la he estado rediseñado y agregue un enlace de tipo collapse que al accionar se muestra unas imagenes de cursos brindado por una institucion.

En modo desktop funciona perfectamente pero cuando lo visualizo en dispositivo moviles este contenido collapse no se ajusta y queda sobrepuesto sobre otro contenido de la pagina.

No se si me he explicado bien.

Les muestro una imagen:

https://drive.google.com/open?id=1dcRRzuhz_w-kZgZhPpauVgJEsvk8VlbC

https://drive.google.com/open?id=10rTMYOAwrQbQfu2z2RqhDw87eYXJ1ygX

Código (html4strict) [Seleccionar] Expandir

<div class="banner-bottom" id="cursos_actuales">
<div class="container" style="background:#1F3E6B; color:#FFF; height:80px;">
<div class="mid_agile_bannner_top_info">
<h2 data-toggle="collapse" data-target="#cur_act" id="act" style="color: #fff; text-align: left; margin-top: 10px">Cursos Actuales <img style="float: right; margin-right:10px; width:40px; height:40px; margin-top:10px" src="images/baja.png"></h2>
</div>
<div id="cur_act" class="collapse in">
<div class="feature-grids" id="target">

<?php

$sql=mysql_query("SELECT * FROM publicacion WHERE pub_date_end>='$hoy'");

while($row=mysql_fetch_array($sql))
{
echo '
<div class="col-md-12 feature-grid" style="padding:15px;">
<a href="#" data-toggle="modal" data-target="#cur_'.$row['id_public'].'"><img src="cursos/slider/'.$row['pub_slider'].'" class="img-responsive"></a>
</div>
';
}

?>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>

[wensllei]

Hola nuevamente, disculpen ya lo solucione, debia sacar fuera del div donde hago target, el div class collapse. Quizas fue una pregunta muy tonta pero no lograba solucionarlo y es que soy principiante.

Aca les dejo como lo solucione. Pueden cerrar el tema.

Código (html4strict) [Seleccionar] Expandir



<div class="banner-bottom" id="cursos_actuales" >
<div class="container" style="background:#1F3E6B; color:#FFF; height:80px;">
<div class="mid_agile_bannner_top_info">
<h2 data-toggle="collapse" data-target="#cur_act" id="act" style="color: #fff; text-align: left; margin-top: 10px">Cursos Actuales <img style="float: right; margin-right:10px; width:40px; height:40px; margin-top:10px" src="images/baja.png"></h2>
</div>
</div>
</div>

<div class="banner-bottom-cur_act">
<div id="cur_act" class="collapse">
    <div class="container">
    <div class="feature-grids">
   
    <?php
    
     $sql=mysql_query("SELECT * FROM publicacion WHERE pub_date_end>='$hoy'");
    
     while($row=mysql_fetch_array($sql))
     {
     echo '
     <div class="col-md-12 feature-grid" style="padding:15px;">
     <a href="#" data-toggle="modal" data-target="#cur_'.$row['id_public'].'"><img class="img-responsive center-block" src="cursos/slider/'.$row['pub_slider'].'"></a>
     </div>
     ';
     }
    
     ?>
    </div>
</div>
</div>
<div class="clearfix"></div>
</div>