importanteleeme-divi-wordpress

Estuve viendo en los grupos de facebook donde se habla de divi obviamente xD.  Tenian problemas para borrar el select page en el móvil.
Así que me di la tarea en buscar como eliminar la opción select page o selección de página en el móvil, llegue a dos resultados que compatire con ustedes.

Primero debemos de saber donde sale esa opción de select page, la obtenemos de la configuración de menu cuando esta centrado, solamente sale en esas dos opciones.

logocentro-menu-divi-css-select page

SELECT PAGE

En la imagen de abajo mostramos cual es select page nuestro intruso que no queremos en nuestra página asi podran reconocerlo y eliminarlo por lozano

selectpage-menu-divi-css

Empezamos con nuestro tutorial, primero mostraremos el ejemplo de eliminar select page y centraremos el logo para que quede bonito como en la siguiente imagen y despues de la imagen encontraran CSS

ELIMINAR SELECT PAGE Y CENTRAR EL LOGO CON EL MENU MÓVIL

selectpage-centrologotipo-menumovil
/* Eliminar Select page*/
@media (max-width:980px){
.et_header_style_split 
header#main-header
 .logo_container {
height: 100% !important;
float: left !important;
position: absolute !important;
z-index:0 !important;
}

.et_header_style_left #logo, 
.et_header_style_split #logo {
max-height:100px;
margin-top: -10px;
}

.et_header_style_split #main-header 
.container, .et_header_style_split 
#main-header 
.logo_container {text-align:left !important;}
.et_header_style_split 
#et_mobile_nav_menu{margin: 0;}
.et_header_style_split 
#main-header 
.mobile_nav{background-color: transparent; 
padding-left: 247px;}
.et_header_style_centered 
.mobile_nav .select_page, 
.et_header_style_split .mobile_nav 
.select_page {
display: none;
}
.et_header_style_split #main-header {
padding: 40px 0;
}
}

Eliminación de select page sin ajustar el logotipo con menu móvil

eliminar-selectpage-logoymenumovil-nocentrado
/* Select page eliminar */
.mobile_nav .select_page {
display: none!important;
}
.mobile_nav {
background-color: transparent !important;
}

.mobile_nav {
background-color: transparent!important;
padding: 20px 10px!important;
}

Esperemos que les haya gustado este tutorial donde hemos enseñado como eliminar el enemigo de select page o selección de página, recuerden que hemos creado otros tutoriales como:

Menu hover en móvil themes
Menu Fijo o Fixed(Mejor conocido como pegajoso)
Como crear un hermoso móvil en divi

Aun tenemos más tutoriales pero estos son de la misma categoría, recuerden compartir estos tutoriales con las personas que tengan más confianza xD.
Valoren nuestros trabajo es más rápido que buscar soluciones y hacer tutoriales 😀

seccion-video-divithemes-tutoriales
descargar-divi-json-wordpress
¿Te parece interesante este artículo?
Puntaje
[Total: 3 Average: 2.3]

Hola, me llamo Antonio Mtz, soy el iniciador de Divicon que hace referencia a (DIVI y CONferencias). Soy diseñador gráfico, con especialidad en imagen corporativa, me gusta mucho la ilustración, el 3D, Motion graphic, fotografía, tipografía. jajaja bueno todo lo que se refiere al diseño.

Suscríbete a nuestro boletín.

Recibe notificaciones cuando publiquemos algo nuevo.

Gracias por suscribirte

Shares