Tutorial pestañas verticales en Divi para móvil y sobremesa

por

Mi objetivo es conseguir unas pestañas laterales para móviles, que se mantuvieran en la pantalla (sticky) y facilitaran la navegación al máximo posible.

Después de mirar el tutorial que tienen en diviextended  hay un par de puntos que para mi gusto le faltan para lo que queria conseguir y he decidido hacer una versión que también es más sencilla y en español.

Así que vamos a ello, veamos como conseguir pestañas laterales en divi que sean realmente útiles en móviles.+

Lo primero es crear una fila con un modulo de pestañas:

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Asignar la clase pes-vertical al modulo pestañas en avanzado > id y clases CSS > clase CSS

Lo siguiente, ajustar la fila / row (el verde) al 100% de width y 10px de padding-right en móviles:

Configuración pestañas verticales divi
Configuración pestañas verticales divi
Y finalmente pondremos el siguiente código CSS en Divi > opciones del tema en el backend o en ajustes de la página > avanzado > custom CSS.
Hay anotaciones para que sea más sencillo modificar ciertos valores que seguro que cada uno querrá a su gusto.
Es bastante importante ajustar el ancho  de la pestañas porque varia según la cantidad de texto y la altura a la que se pegan a la parte superior ya que varia dependiendo de vuestro menú.

/* Divi pestañas verticales */
/*ajustar el row al 100% y 10px de padding-right en moviles, es la seccion verde*/

.pes-vertical ul.et_pb_tabs_controls {
float: left;
width: 100px; /* ancho de la pestanas, ajustar */
margin-right: 2%;
position:sticky;
top:70px; /* altura a la que se fijan las pestanas, ajustar segun el menu */
}
@media (max-width:480px;){
.pes-vertical ul.et_pb_tabs_controls {top:40px} /*altura en moviles*/
}

/* color pestanas inactivas */
.pes-vertical .et_pb_tabs_controls li {
width: 100%;
border-right: none !important;
border-left: 5px solid transparent;
background: #f4f4f4;
}

/* decoracion de la pestana activa*/
.pes-vertical .et_pb_tabs_controls li.et_pb_tab_active {
border-left: 5px solid #14C05D !important;
background: #ffffff;
}

.pes-vertical .et_pb_tabs_controls li a {
padding: 10px;
}
/* color texto ventana activa*/
.vertical-tabs .et_pb_tabs_controls li.et_pb_tab_active a {
color: #14C05D !important;
}

.pes-vertical .et_pb_tab {
padding: 0;
}

.pes-vertical .et_pb_tab_content {
display: flex;
flex-wrap: wrap;
}

Y nos quedara algo como lo siguiente, totalmente adaptable a móviles y muy cómodo para navegar, por supuesto tiene un limite de pestañas y texto que permitan una buena navegación.

Si veis que queda muy estrecho en móviles utilizad el siguiente código para reducir los paddings que usa divi, este si recomiendo usarlo solo en la página que sea necesario, usado de forma general puede romper el diseño:

@media (max-width:600px){
.et_pb_post_content{width:100%!important;padding-left:0px!important;}
.et_pb_column{padding-left:0px!important;}
.et_pb_row{padding:8px!important;width:95%!important;}
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan tristique nunc, sodales pellentesque odio eleifend sed. Mauris gravida et neque vitae sollicitudin. Maecenas feugiat mauris nec elit tincidunt molestie. Aenean auctor augue sapien, id imperdiet orci lobortis eget. Phasellus sagittis elit vitae mi scelerisque scelerisque. Nulla tristique enim diam, dignissim tincidunt magna feugiat et. Duis posuere ipsum tellus, non dignissim est posuere in. Fusce at mi ultricies, consequat felis sit amet, blandit augue. Maecenas blandit, nunc at dignissim auctor, lacus nunc maximus dolor, ut elementum mauris orci quis nisi. Vestibulum eget sollicitudin nibh.

Sed eleifend consectetur est, at lacinia nibh volutpat vitae. Nulla tincidunt, ante vel egestas blandit, risus velit vehicula mauris, vel pharetra diam elit quis enim. Etiam tristique mauris ac mi vulputate auctor. Cras molestie vulputate ipsum in malesuada. Cras ut ultricies purus, vel vestibulum eros. Proin porttitor arcu a elit semper, sit amet hendrerit mauris iaculis. Nullam tristique libero neque, non fermentum quam interdum ac. Curabitur efficitur condimentum mauris vel accumsan. Donec imperdiet volutpat massa quis vestibulum. Aenean ultrices eros at blandit venenatis. Suspendisse consequat eleifend dolor, vitae lacinia ligula fermentum a. Nunc vulputate lobortis libero, vel sodales sem consequat id. Sed est turpis, lacinia id eleifend a, pretium in lacus. Sed auctor enim vitae augue maximus, quis pharetra lorem rhoncus. Nulla faucibus lorem porttitor, imperdiet est vel, finibus sem.

Quisque nulla est, hendrerit sed tincidunt ut, cursus et turpis. Vestibulum semper arcu nisl, et tempus diam venenatis et. Praesent sit amet tortor venenatis, ultrices tellus vel, vulputate lacus. Proin ac molestie lorem. Phasellus vitae mi quis nunc ullamcorper placerat. Nam sagittis augue commodo orci vehicula ultricies. Nullam sit amet ligula a nibh efficitur egestas eget ac lacus. Donec laoreet tortor eu consequat lacinia. Nunc feugiat sapien est, et tincidunt sapien viverra ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras nisl odio, porta eu metus a, euismod cursus nisl. Nam dignissim lacus non erat ultricies commodo.

Aliquam elementum eget eros sed vulputate. Suspendisse nec sem ut nisl pretium ullamcorper accumsan ut nisi. Morbi congue magna a justo tincidunt elementum. Aenean quis metus tortor. Aliquam erat volutpat. Sed neque mauris, iaculis eget laoreet id, cursus et ligula. Integer eleifend arcu sed erat ornare consectetur. Mauris mattis ac velit eget molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus tellus, efficitur ut lacus sit amet, posuere mollis lacus.

Vivamus et eros eu sem bibendum malesuada. Donec mattis malesuada metus, aliquam tincidunt sapien luctus sit amet. Etiam molestie auctor urna, et vulputate nunc facilisis convallis. Nullam volutpat mi a augue dignissim, sit amet varius dolor tempus. Fusce semper, lectus ut fringilla congue, ipsum sapien sodales nisl, in tempor nisi mauris ut quam. Sed non elit sit amet ex luctus ornare. Nunc augue purus, finibus non felis in, tristique rhoncus enim. Nunc quis justo efficitur, congue turpis ac, facilisis lorem. Sed efficitur, ipsum et maximus condimentum, odio quam ultrices quam, non sollicitudin urna justo id urna. In interdum tellus nec egestas dictum. Aenean sit amet tincidunt quam. Sed ipsum enim, euismod eu ligula a, congue volutpat mi. Morbi consectetur sed quam sit amet ultrices. Ut a mollis leo.

In accumsan scelerisque purus sit amet semper. Duis ultrices ultrices nulla, quis eleifend urna molestie non. Aliquam id eleifend lorem. Vestibulum erat neque, pretium eget ex vitae, accumsan placerat magna. Suspendisse consequat imperdiet risus a egestas. In cursus tellus vitae nisi mattis rhoncus. Ut sit amet risus sed erat fermentum egestas id ac purus. Quisque scelerisque sollicitudin tortor, at efficitur dolor pulvinar in. Etiam a mi non lorem vehicula feugiat. Donec in tempor sem.

Vestibulum mollis placerat massa. Ut velit elit, vestibulum eget eros at, vestibulum volutpat massa. Nulla sagittis bibendum leo ac tincidunt. Mauris auctor malesuada leo, a imperdiet nibh elementum in. Suspendisse ut placerat turpis, sed eleifend lectus. In malesuada est a sollicitudin fringilla. Quisque sed sollicitudin arcu. Praesent varius laoreet eros ut congue. Etiam consequat bibendum orci, eget mollis felis cursus ac. Integer egestas dolor at nibh ornare commodo. Donec quis sapien lectus.

Curabitur porta felis quis sodales scelerisque. In ac hendrerit nisi. Pellentesque gravida lacus eu dapibus dictum. Sed efficitur congue rhoncus. Donec tellus diam, varius ut dapibus vitae, ultrices a ipsum. Nam vitae aliquet quam. Sed congue augue ac urna auctor commodo. Ut lacus velit, eleifend lobortis viverra id, ullamcorper at nisl. Morbi finibus, mi a pharetra gravida, velit ex convallis justo, vel feugiat massa turpis id quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan tristique nunc, sodales pellentesque odio eleifend sed. Mauris gravida et neque vitae sollicitudin. Maecenas feugiat mauris nec elit tincidunt molestie. Aenean auctor augue sapien, id imperdiet orci lobortis eget. Phasellus sagittis elit vitae mi scelerisque scelerisque. Nulla tristique enim diam, dignissim tincidunt magna feugiat et. Duis posuere ipsum tellus, non dignissim est posuere in. Fusce at mi ultricies, consequat felis sit amet, blandit augue. Maecenas blandit, nunc at dignissim auctor, lacus nunc maximus dolor, ut elementum mauris orci quis nisi. Vestibulum eget sollicitudin nibh.

Sed eleifend consectetur est, at lacinia nibh volutpat vitae. Nulla tincidunt, ante vel egestas blandit, risus velit vehicula mauris, vel pharetra diam elit quis enim. Etiam tristique mauris ac mi vulputate auctor. Cras molestie vulputate ipsum in malesuada. Cras ut ultricies purus, vel vestibulum eros. Proin porttitor arcu a elit semper, sit amet hendrerit mauris iaculis. Nullam tristique libero neque, non fermentum quam interdum ac. Curabitur efficitur condimentum mauris vel accumsan. Donec imperdiet volutpat massa quis vestibulum. Aenean ultrices eros at blandit venenatis. Suspendisse consequat eleifend dolor, vitae lacinia ligula fermentum a. Nunc vulputate lobortis libero, vel sodales sem consequat id. Sed est turpis, lacinia id eleifend a, pretium in lacus. Sed auctor enim vitae augue maximus, quis pharetra lorem rhoncus. Nulla faucibus lorem porttitor, imperdiet est vel, finibus sem.

Quisque nulla est, hendrerit sed tincidunt ut, cursus et turpis. Vestibulum semper arcu nisl, et tempus diam venenatis et. Praesent sit amet tortor venenatis, ultrices tellus vel, vulputate lacus. Proin ac molestie lorem. Phasellus vitae mi quis nunc ullamcorper placerat. Nam sagittis augue commodo orci vehicula ultricies. Nullam sit amet ligula a nibh efficitur egestas eget ac lacus. Donec laoreet tortor eu consequat lacinia. Nunc feugiat sapien est, et tincidunt sapien viverra ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras nisl odio, porta eu metus a, euismod cursus nisl. Nam dignissim lacus non erat ultricies commodo.

Aliquam elementum eget eros sed vulputate. Suspendisse nec sem ut nisl pretium ullamcorper accumsan ut nisi. Morbi congue magna a justo tincidunt elementum. Aenean quis metus tortor. Aliquam erat volutpat. Sed neque mauris, iaculis eget laoreet id, cursus et ligula. Integer eleifend arcu sed erat ornare consectetur. Mauris mattis ac velit eget molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus tellus, efficitur ut lacus sit amet, posuere mollis lacus.

Vivamus et eros eu sem bibendum malesuada. Donec mattis malesuada metus, aliquam tincidunt sapien luctus sit amet. Etiam molestie auctor urna, et vulputate nunc facilisis convallis. Nullam volutpat mi a augue dignissim, sit amet varius dolor tempus. Fusce semper, lectus ut fringilla congue, ipsum sapien sodales nisl, in tempor nisi mauris ut quam. Sed non elit sit amet ex luctus ornare. Nunc augue purus, finibus non felis in, tristique rhoncus enim. Nunc quis justo efficitur, congue turpis ac, facilisis lorem. Sed efficitur, ipsum et maximus condimentum, odio quam ultrices quam, non sollicitudin urna justo id urna. In interdum tellus nec egestas dictum. Aenean sit amet tincidunt quam. Sed ipsum enim, euismod eu ligula a, congue volutpat mi. Morbi consectetur sed quam sit amet ultrices. Ut a mollis leo.

In accumsan scelerisque purus sit amet semper. Duis ultrices ultrices nulla, quis eleifend urna molestie non. Aliquam id eleifend lorem. Vestibulum erat neque, pretium eget ex vitae, accumsan placerat magna. Suspendisse consequat imperdiet risus a egestas. In cursus tellus vitae nisi mattis rhoncus. Ut sit amet risus sed erat fermentum egestas id ac purus. Quisque scelerisque sollicitudin tortor, at efficitur dolor pulvinar in. Etiam a mi non lorem vehicula feugiat. Donec in tempor sem.

Vestibulum mollis placerat massa. Ut velit elit, vestibulum eget eros at, vestibulum volutpat massa. Nulla sagittis bibendum leo ac tincidunt. Mauris auctor malesuada leo, a imperdiet nibh elementum in. Suspendisse ut placerat turpis, sed eleifend lectus. In malesuada est a sollicitudin fringilla. Quisque sed sollicitudin arcu. Praesent varius laoreet eros ut congue. Etiam consequat bibendum orci, eget mollis felis cursus ac. Integer egestas dolor at nibh ornare commodo. Donec quis sapien lectus.

Curabitur porta felis quis sodales scelerisque. In ac hendrerit nisi. Pellentesque gravida lacus eu dapibus dictum. Sed efficitur congue rhoncus. Donec tellus diam, varius ut dapibus vitae, ultrices a ipsum. Nam vitae aliquet quam. Sed congue augue ac urna auctor commodo. Ut lacus velit, eleifend lobortis viverra id, ullamcorper at nisl. Morbi finibus, mi a pharetra gravida, velit ex convallis justo, vel feugiat massa turpis id quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan tristique nunc, sodales pellentesque odio eleifend sed. Mauris gravida et neque vitae sollicitudin. Maecenas feugiat mauris nec elit tincidunt molestie. Aenean auctor augue sapien, id imperdiet orci lobortis eget. Phasellus sagittis elit vitae mi scelerisque scelerisque. Nulla tristique enim diam, dignissim tincidunt magna feugiat et. Duis posuere ipsum tellus, non dignissim est posuere in. Fusce at mi ultricies, consequat felis sit amet, blandit augue. Maecenas blandit, nunc at dignissim auctor, lacus nunc maximus dolor, ut elementum mauris orci quis nisi. Vestibulum eget sollicitudin nibh.

Sed eleifend consectetur est, at lacinia nibh volutpat vitae. Nulla tincidunt, ante vel egestas blandit, risus velit vehicula mauris, vel pharetra diam elit quis enim. Etiam tristique mauris ac mi vulputate auctor. Cras molestie vulputate ipsum in malesuada. Cras ut ultricies purus, vel vestibulum eros. Proin porttitor arcu a elit semper, sit amet hendrerit mauris iaculis. Nullam tristique libero neque, non fermentum quam interdum ac. Curabitur efficitur condimentum mauris vel accumsan. Donec imperdiet volutpat massa quis vestibulum. Aenean ultrices eros at blandit venenatis. Suspendisse consequat eleifend dolor, vitae lacinia ligula fermentum a. Nunc vulputate lobortis libero, vel sodales sem consequat id. Sed est turpis, lacinia id eleifend a, pretium in lacus. Sed auctor enim vitae augue maximus, quis pharetra lorem rhoncus. Nulla faucibus lorem porttitor, imperdiet est vel, finibus sem.

Quisque nulla est, hendrerit sed tincidunt ut, cursus et turpis. Vestibulum semper arcu nisl, et tempus diam venenatis et. Praesent sit amet tortor venenatis, ultrices tellus vel, vulputate lacus. Proin ac molestie lorem. Phasellus vitae mi quis nunc ullamcorper placerat. Nam sagittis augue commodo orci vehicula ultricies. Nullam sit amet ligula a nibh efficitur egestas eget ac lacus. Donec laoreet tortor eu consequat lacinia. Nunc feugiat sapien est, et tincidunt sapien viverra ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras nisl odio, porta eu metus a, euismod cursus nisl. Nam dignissim lacus non erat ultricies commodo.

Aliquam elementum eget eros sed vulputate. Suspendisse nec sem ut nisl pretium ullamcorper accumsan ut nisi. Morbi congue magna a justo tincidunt elementum. Aenean quis metus tortor. Aliquam erat volutpat. Sed neque mauris, iaculis eget laoreet id, cursus et ligula. Integer eleifend arcu sed erat ornare consectetur. Mauris mattis ac velit eget molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus tellus, efficitur ut lacus sit amet, posuere mollis lacus.

Vivamus et eros eu sem bibendum malesuada. Donec mattis malesuada metus, aliquam tincidunt sapien luctus sit amet. Etiam molestie auctor urna, et vulputate nunc facilisis convallis. Nullam volutpat mi a augue dignissim, sit amet varius dolor tempus. Fusce semper, lectus ut fringilla congue, ipsum sapien sodales nisl, in tempor nisi mauris ut quam. Sed non elit sit amet ex luctus ornare. Nunc augue purus, finibus non felis in, tristique rhoncus enim. Nunc quis justo efficitur, congue turpis ac, facilisis lorem. Sed efficitur, ipsum et maximus condimentum, odio quam ultrices quam, non sollicitudin urna justo id urna. In interdum tellus nec egestas dictum. Aenean sit amet tincidunt quam. Sed ipsum enim, euismod eu ligula a, congue volutpat mi. Morbi consectetur sed quam sit amet ultrices. Ut a mollis leo.

In accumsan scelerisque purus sit amet semper. Duis ultrices ultrices nulla, quis eleifend urna molestie non. Aliquam id eleifend lorem. Vestibulum erat neque, pretium eget ex vitae, accumsan placerat magna. Suspendisse consequat imperdiet risus a egestas. In cursus tellus vitae nisi mattis rhoncus. Ut sit amet risus sed erat fermentum egestas id ac purus. Quisque scelerisque sollicitudin tortor, at efficitur dolor pulvinar in. Etiam a mi non lorem vehicula feugiat. Donec in tempor sem.

Vestibulum mollis placerat massa. Ut velit elit, vestibulum eget eros at, vestibulum volutpat massa. Nulla sagittis bibendum leo ac tincidunt. Mauris auctor malesuada leo, a imperdiet nibh elementum in. Suspendisse ut placerat turpis, sed eleifend lectus. In malesuada est a sollicitudin fringilla. Quisque sed sollicitudin arcu. Praesent varius laoreet eros ut congue. Etiam consequat bibendum orci, eget mollis felis cursus ac. Integer egestas dolor at nibh ornare commodo. Donec quis sapien lectus.

Curabitur porta felis quis sodales scelerisque. In ac hendrerit nisi. Pellentesque gravida lacus eu dapibus dictum. Sed efficitur congue rhoncus. Donec tellus diam, varius ut dapibus vitae, ultrices a ipsum. Nam vitae aliquet quam. Sed congue augue ac urna auctor commodo. Ut lacus velit, eleifend lobortis viverra id, ullamcorper at nisl. Morbi finibus, mi a pharetra gravida, velit ex convallis justo, vel feugiat massa turpis id quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan tristique nunc, sodales pellentesque odio eleifend sed. Mauris gravida et neque vitae sollicitudin. Maecenas feugiat mauris nec elit tincidunt molestie. Aenean auctor augue sapien, id imperdiet orci lobortis eget. Phasellus sagittis elit vitae mi scelerisque scelerisque. Nulla tristique enim diam, dignissim tincidunt magna feugiat et. Duis posuere ipsum tellus, non dignissim est posuere in. Fusce at mi ultricies, consequat felis sit amet, blandit augue. Maecenas blandit, nunc at dignissim auctor, lacus nunc maximus dolor, ut elementum mauris orci quis nisi. Vestibulum eget sollicitudin nibh.

Sed eleifend consectetur est, at lacinia nibh volutpat vitae. Nulla tincidunt, ante vel egestas blandit, risus velit vehicula mauris, vel pharetra diam elit quis enim. Etiam tristique mauris ac mi vulputate auctor. Cras molestie vulputate ipsum in malesuada. Cras ut ultricies purus, vel vestibulum eros. Proin porttitor arcu a elit semper, sit amet hendrerit mauris iaculis. Nullam tristique libero neque, non fermentum quam interdum ac. Curabitur efficitur condimentum mauris vel accumsan. Donec imperdiet volutpat massa quis vestibulum. Aenean ultrices eros at blandit venenatis. Suspendisse consequat eleifend dolor, vitae lacinia ligula fermentum a. Nunc vulputate lobortis libero, vel sodales sem consequat id. Sed est turpis, lacinia id eleifend a, pretium in lacus. Sed auctor enim vitae augue maximus, quis pharetra lorem rhoncus. Nulla faucibus lorem porttitor, imperdiet est vel, finibus sem.

Quisque nulla est, hendrerit sed tincidunt ut, cursus et turpis. Vestibulum semper arcu nisl, et tempus diam venenatis et. Praesent sit amet tortor venenatis, ultrices tellus vel, vulputate lacus. Proin ac molestie lorem. Phasellus vitae mi quis nunc ullamcorper placerat. Nam sagittis augue commodo orci vehicula ultricies. Nullam sit amet ligula a nibh efficitur egestas eget ac lacus. Donec laoreet tortor eu consequat lacinia. Nunc feugiat sapien est, et tincidunt sapien viverra ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras nisl odio, porta eu metus a, euismod cursus nisl. Nam dignissim lacus non erat ultricies commodo.

Aliquam elementum eget eros sed vulputate. Suspendisse nec sem ut nisl pretium ullamcorper accumsan ut nisi. Morbi congue magna a justo tincidunt elementum. Aenean quis metus tortor. Aliquam erat volutpat. Sed neque mauris, iaculis eget laoreet id, cursus et ligula. Integer eleifend arcu sed erat ornare consectetur. Mauris mattis ac velit eget molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus tellus, efficitur ut lacus sit amet, posuere mollis lacus.

Vivamus et eros eu sem bibendum malesuada. Donec mattis malesuada metus, aliquam tincidunt sapien luctus sit amet. Etiam molestie auctor urna, et vulputate nunc facilisis convallis. Nullam volutpat mi a augue dignissim, sit amet varius dolor tempus. Fusce semper, lectus ut fringilla congue, ipsum sapien sodales nisl, in tempor nisi mauris ut quam. Sed non elit sit amet ex luctus ornare. Nunc augue purus, finibus non felis in, tristique rhoncus enim. Nunc quis justo efficitur, congue turpis ac, facilisis lorem. Sed efficitur, ipsum et maximus condimentum, odio quam ultrices quam, non sollicitudin urna justo id urna. In interdum tellus nec egestas dictum. Aenean sit amet tincidunt quam. Sed ipsum enim, euismod eu ligula a, congue volutpat mi. Morbi consectetur sed quam sit amet ultrices. Ut a mollis leo.

In accumsan scelerisque purus sit amet semper. Duis ultrices ultrices nulla, quis eleifend urna molestie non. Aliquam id eleifend lorem. Vestibulum erat neque, pretium eget ex vitae, accumsan placerat magna. Suspendisse consequat imperdiet risus a egestas. In cursus tellus vitae nisi mattis rhoncus. Ut sit amet risus sed erat fermentum egestas id ac purus. Quisque scelerisque sollicitudin tortor, at efficitur dolor pulvinar in. Etiam a mi non lorem vehicula feugiat. Donec in tempor sem.

Vestibulum mollis placerat massa. Ut velit elit, vestibulum eget eros at, vestibulum volutpat massa. Nulla sagittis bibendum leo ac tincidunt. Mauris auctor malesuada leo, a imperdiet nibh elementum in. Suspendisse ut placerat turpis, sed eleifend lectus. In malesuada est a sollicitudin fringilla. Quisque sed sollicitudin arcu. Praesent varius laoreet eros ut congue. Etiam consequat bibendum orci, eget mollis felis cursus ac. Integer egestas dolor at nibh ornare commodo. Donec quis sapien lectus.

Curabitur porta felis quis sodales scelerisque. In ac hendrerit nisi. Pellentesque gravida lacus eu dapibus dictum. Sed efficitur congue rhoncus. Donec tellus diam, varius ut dapibus vitae, ultrices a ipsum. Nam vitae aliquet quam. Sed congue augue ac urna auctor commodo. Ut lacus velit, eleifend lobortis viverra id, ullamcorper at nisl. Morbi finibus, mi a pharetra gravida, velit ex convallis justo, vel feugiat massa turpis id quam.

Espero que os haya sido de utilidad este tutorial sobre como modificar las pestañas de Divi para verlas de forma vertical y completamente adaptadas a móviles.