diviconnet

/*Agregue dos clases CSS diferentes a la columna. Asegúrate de dejar un espacio entre ellos.
 Más adelante en este tutorial, 
utilizaremos estas clases para crear el carrusel automático.  */


CSS Class: divicon-items slider

diviconnet

✅ Agregue el  el siguiente CSS personalizado a la imagen de Blurb.

margin-bottom:0px;

✅ Luego agregue el siguiente CSS personalizado al elemento principal:

position:absolute !important;
bottom:20px;
left:20px;

diviconnet

/* Oculta el menu hamburguesa, solo copiar el codigo*/

@media (max-width: 980px) {
#et_mobile_nav_menu {
visibility: hidden;
}
}

diviconnet

.grid {
position: relative; 
margin: 0 auto; 
padding: 1em 0 4em;
 max-width: 1000px; 
list-style: none;
 text-align: center;
}

diviconnet

<div class="grid">

	<figure class="effect-lily">
		<img src="img/1.jpg" alt="img01"/>
		<figcaption>
			<h2>Nice <span>Lily</span></h2>
			<p>Lily likes to play with crayons and pencils</p>
			<a href="#">View more</a>
		</figcaption>			
	</figure>

diviconnet

doscolumnas

diviconnet

.desplazamientodivicon { 
margin-left: auto!important; 
margin-right: auto!important; 
transition: background-position 1.5s ease-out 0.1s;
 background-position: top center; 
background-size: 100% auto!important; 
height: 100%; 
background-repeat: no-repeat; }

diviconnet

fixedsticky_desktop 
fixedsticky_tablet 
fixedsticky_mobile 
fixedsticky_all 

diviconnet

position:absolute;
width:100%;
z-index:10;

diviconnet

<div class=”map-responsive”>

Añade tu iframe en este espacio

</div>