@kkriss
I also have some confusion. I have been trying my best to introduce you to my current plan. But since I am using translation software to communicate with you, I am not sure whether your needs and mine are really consistent. I just guess what you want to achieve by browsing the webpage you provided.
Now, I will show you in detail how to switch from the current solution to my implementation method, and can try it on the basis of “keep everything you have now” without deleting the added code and CSS, If you are willing to try, please follow Do the steps I provide, don’t think too much about why, and then check if it is what you want.
Make sure you use Elementor Pro!
Start now:
1. Create a new page, Named Test Members Page, Then close it without editing for now.
2. In Ultimate Member – Settings > General > page > Members page, Select the page Test Members Page you just created.
3. In Ultimate Member – Settings > appearance > profile menu > Enable profile menu, Disable this.
4. Add this code in the theme’s function.php:(Confirm that ‘post’ and ‘recipe’ in the code are the post types you need, if not, replace them)
add_action( ‘elementor/query/my_custom_filter_1’, function( $query ) {
global $current_user;
$query->set( ‘post_type’, [ ‘post’, ‘recipe’] );
$query->set( ‘author’, um_profile_id() );
} );
5. Use Elementor to edit page Test User Page
6. On this page, add Shortcode Widget, Fill in [ultimatemember form_id=”7″](This should be replaced with the shortcode of your user configuration form)
7. On this page, add Posts Widget (Pro), Edit this widget in Content>Query>Query ID
Fill in my_custom_filter_1 in the content box of Query ID
8. Edit Posts Widget (Pro) in Content>Layout, until you get a layout you are satisfied with, Save and exit the page.
9. Check Ultimate Member-Settings> appearance> profile menu> Automatically redirect author page to their profile? make sure to allow.
10. Done. Take a look at the page and if you are not satisfied, delete it. And restore the previously modified UM options.