How to Make Parent Menu Item Unclickable on Mobile

You could create the three landing pages for :
Permanent Residence
Temporary Residence
Products

Or, you could have the menu display Always Expanded by default.

How do I make the menu Always Expanded by default?

Well, what theme are you running?
And are you using the default menu? (or a menu plugin?)

OptimizePress

Just using the default menu

You can try this:
https://docs.themeisle.com/article/1128-expand-sub-menu-items-on-mobile

or this:
https://stackoverflow.com/a/50248863

or you could try this:

@media (min-width: 100px) and (max-width: 990px) {
.navbar-nav .dropdown-menu {
position: static;
float: none;
width: auto;
display:block;
margin-top: 0;
/* change this to override theme color
background-color: ; */
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.animated {
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
-webkit-animation-fill-mode: none !important;
animation-fill-mode: none !important;
}

}

Thank you