Issue with responsive in a section

I would like you to help me with the following error: In the Windows version the “distributors” section appears correctly. But when I open it on my cell phone the send request button appears below the social networks, when it should appear above the social networks, just below the form. Also the image of the section overlaps the text of the form. Could you tell me what modifications I should make so that the code works correctly? I am trying to fix an error in something that was already done, and it seems that it is done with Bootstrap. This is the html code:

<!-- DISTRIBUIDORES Section -->
    <section id="distribuidores">
        <div class="container margin_secciones">
            <div class="row fondo_verde" style="position: relative; z-index: 9998 !important;">
                <div class="col-sm-1 padding0"><div class="banderines_secciones"><img src="imagenes/b_distribuidores.png" alt="" /></div></div>
                <div class="col-sm-11 derecha_secciones">
                    <div class="titulos_secciones" style="margin-bottom: 3px;">DISTRIBUIDORES</div>
                    Si usted es distribuidor o mayorista y tiene interés en comercializar nuestros productos, por favor contáctenos o complete el siguiente formulario y a la brevedad nos estaremos comunicando con usted.
                    <br /><br />

                    <form name="nuevo_empleado2" action="" onsubmit="enviarDatosEmpleado2(); return false">
                        <div class="col-sm-6 padding_l_0" style="padding-right: 6px;">
                            <input type=text name="dis_razon_social" class="campo_contacto_rapido" placeholder="RAZÓN SOCIAL*:" >
                        </div>
                        <div class="col-sm-6" style="padding: 0px 0px 0px 0px !important;">
                            <input type=text name="dis_cuit" class="campo_contacto_rapido" placeholder="C.U.I.T::" >
                        </div>
                        <div class="col-sm-12" style="padding: 0px 0px 0px 0px !important;">
                            <input type=text name="dis_nombre" class="campo_contacto_rapido" placeholder="NOMBRE Y APELLIDO DE CONTACTO:" >
                        </div>
                        <div class="col-sm-6 padding_l_0" style="padding-right: 6px;">
                            <input type=text name="dis_telefono" class="campo_contacto_rapido" placeholder="TELÉFONO CELULAR:" >
                        </div>
                        <div class="col-sm-6" style="padding: 0px 0px 0px 0px !important;">
                            <input type=text name="dis_mail" class="campo_contacto_rapido" placeholder="E-MAIL:" >
                        </div>
                        <div class="col-sm-6 padding_l_0" style="padding-right: 6px;">
                            <input type=text name="dis_ciudad" class="campo_contacto_rapido" placeholder="CIUDAD:" >
                        </div>
                        <div class="col-sm-6" style="padding: 0px 0px 0px 0px !important;">
                            <input type=text name="dis_zona" class="campo_contacto_rapido" placeholder="ZONA DE INFLUENCIA:" >
                        </div>
                        <div class="col-sm-12" style="padding: 0px 0px 0px 0px !important;"><textarea name="dis_comentario" class="campo_contacto_rapido" style="height: 100px; padding: 6px;" placeholder="CONSULTA:"></textarea></div>

                        <div class="col-sm-9 padding_l_0">
                            <a href="/cdn-cgi/l/email-protection#4b22252d240b2a2722262e253f2438292a22392e3865282426" target="_blank"><img src="imagenes/contacto/mail.png" alt="" /></a>
                            <a href="https://www.instagram.com/crackines" target="_blank"><img src="imagenes/contacto/instagram6.png" alt="" /></a>
                            <a href="https://www.facebook.com/crackines" target="_blank"><img src="imagenes/contacto/facebook1.png" alt="" /></a>
                        </div>
                        <div class="col-sm-3" style="padding-right: 0px !important;"><button type="submit" class="boton_enviar_contacto_rapido2" name="submit"></div>
                        <div id="resultado2" style="color:#ffe600;"><span></span></div>
                    </form>

                    <div class="clear"></div>
                </div>
            </div>
            <div class="seguinos_facebook"><a href="https://www.facebook.com/Alimentos-Baires-436941443180430/?fref=ts" target="_blank"><img src="imagenes/seguinos.png" alt="SEGUINOS EN FACEBOOK" /></a></div>
        </div>
    </section>
    <section id="distribuidores">
        <div class="container margin_secciones">
            <div class="row fondo_verde" style="position: relative; z-index: 9998 !important;">
                <div class="col-sm-1 padding0"><div class="banderines_secciones"><img src="imagenes/b_distribuidores.png" alt="" /></div></div>
                <div class="col-sm-11 derecha_secciones">
                    <div class="titulos_secciones" style="margin-bottom: 3px;">DISTRIBUIDORES</div>

That is the top of code

Do you have a link to the actual page as the code you posted doesn’t show the problem and we don’t really know which version of bootstrap you are using?

https://alimentosbaires.com/crackines.html

1 Like

Hmm thanks, but I’d rather not take the risk.:slight_smile:

# Your connection is not private

Attackers might be trying to steal your information from **alimentosbaires.com** (for example, passwords, messages or credit cards). [Learn more about this warning](chrome-error://chromewebdata/#)

net::ERR_CERT_DATE_INVALID

[Turn on enhanced protection](chrome-error://chromewebdata/#) to get Chrome's highest level of security

Back to safetyHide advanced

This server could not prove that it is **alimentosbaires.com**; its security certificate expired 1,692 days ago. This may be caused by a misconfiguration or an attacker intercepting your connection. Your computer's clock is currently set to Thursday 23 January 2025. Does that look right? If not, you should correct your system's clock and then refresh this page.

[Proceed to alimentosbaires.com (unsafe)](chrome-error://chromewebdata/#)