Problème : par défaut le widget ‘Onglet’ d’Elementor passe en affichage vertical pour le menu en mobile, ce qui n’est pas idéal quand le contenu est important dans chaque onglet.
Solution : désactiver la classe mobile qui passe le contenu en vertical pour maintenir le comportement en desktop sur la version mobile.
Intégrer le CSS suivant et ajuster ensuite au visuel souhaité les titres des onglets :
/*WIDGET ONGLETS VERSION MOBILE*/
@media screen and (max-width:767px) {
.elementor-tab-mobile-title {
display: none!important;
}
.elementor-tabs-view-horizontal .elementor-tabs-wrapper {
display: flex!important;
justify-content:start!important;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
align-content: center!important;
display: flex!important;
flex-wrap: wrap!important;
}
}