Make the account menu horizontal
You can make the account menu horizontal with a CSS snippet. See example below.
You can override the style by adding CSS code to the field "Additional CSS" on the page [wp-admin > Appearance > Customize > Additional CSS].
/* Make the account menu horizontal */ .um.um-account .um-account-side, .um.um-account .um-account-main { float: none; margin-bottom: 1em; margin-left: 0px; padding: 0px; max-width: 100%; width: 100%; } .um.um-account .um-account-side ul{ border: none; display: flex; flex-wrap: wrap; justify-content: center; } .um.um-account .um-account-side ul li{ margin: 0px 4px 4px 0px !important; } .um.um-account .um-account-side ul a.current{ background-color: rgba(0,0,0,0.05); } .um.um-account .um-account-side ul span.um-account-icontip{ padding: 0em 0.7em; width: initial; } .um.um-account .um-account-side ul span.um-account-title{ padding-right: 20px; } .um.um-account .um-account-side ul span.um-account-arrow{ display: none; }
Expected result on desktop:
Expected result on tablet:
NOTE: We have created this code example to provide guidance and to make it easier for you to implement this code into your website. However, we are not able to provide any support when it comes to customizing the plugin. If you need help implementing this code, please hire a developer.