Why Won't My Menu Work?

So I was following this tutorial here.

https://docs.unrealengine.com/en-us/Engine/UMG/QuickStart/4

I started on the 3rd part which teaches how to make the widget.

I’ve set it up just as the tutorial has said to as far as I can tell.

The above picture is the widget I made for the MainMenu.

This one above is the graph for it.
There are two problems I am having. Firstly, when I start the game, it adds the widget on to the game but the game still plays.
The second is that when I click Play, it does not remove from parent as I’ve coded it to do. Not sure if I messed up or what.
Below is a picture of when the game is launched.

If you look at the sides, you can see the active game in the background. I want it to where the level doesn’t open first. When I click play, it just resets the game and the menu basically.

This above is my Level Blueprint in case I messed up in here somewhere.

This above is the Event BeginPlay Node for my ThirdpersonCharacter.

Will appreciate any help received.

When you click “Play” you are open a “NewMap” and remove from parent Menu widget. But on begin play in NewMap you again open Menu widget and it looks like remove from parent don’t work. When you need open Menu, you need open new map with logic that shows menu. Sorry if it has grammar mistakes.

@SpynderYT Do you think you could give me a visual representation? I played with it a but ans couldn’t get it to work still. I either always have the menu, or never do.

Also, depending on where I click Play, the man menu widget shifts locations. I’ve anchored the main menu vertical box and options menu vertical box.

First, create a new map, named “Menu”(or whatever you want) and make in Level Blueprint that logic: [map][1]
Next, create a widget. Make sure your background image is fill screen!!(set 0 to all and select fill anchor)

Step three - Make a simple logic to your widget !

And last - On any action you need - open that menu level !

That’s all, it’s should work!