If you have access to those other native apps from mobile, you will realize most of the app already implement this kind of swiper effect if the app owner wants to display some certain menu or product on the page because for the design-wise this swiper effect will be very helpful.

Of course, I also understand some of the users might need more time to get used to it, if you would like to display all the menu without requiring the user to swiper, you can try to download my attached file then put this file into your current template override file location.

JoomlaFolder/templates/yourCurrentTemplate/html/com_easysocial/helpers/cover/navigation.php

After that, you have to apply the following CSS block of code from your site backend > Easysocial > Theme > custom css

body #es.is-mobile .es-profile-header-nav {

    padding-left: 1px;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-inline-box;

}



body #es.is-mobile .es-profile-header-nav__item {

    -webkit-justify-content: end;

    -ms-justify-content: end;

    justify-content: end;

}