Cant fire click event on image

Hi ,

I cant fire a click event on my images and thats because they are placed outside the ion-menu and ion-content i think.
The click event never gets fired.
So the function in question is goToRekening and goToOber at the bottom.

This is my code :

<ion-app>
    <div *ngIf="isHeaderDir">
        <ion-menu  class="background" (ionWillClose)="closeMenu()" side="start" content-id="main-content">
            <ion-content >
                <div class="absol" color="newcolor">
                    <img src="assets/whywaitticonhorizontal.png">
                    <div class="languageFlex">
                        <div class="flexRow">
                            <p class="whiteText">gebruikersnaam: </p>
                            <input class="gebruiker" type="text">
                        </div>
                        <div>
                            <p class="tafelNr">Tafelnummer 100</p>
                        </div>
                        <div class="flexRow">
                            <p class="whiteText">Language:</p>
                            <ion-select (ionChange)="onChange($event)" placeholder="language?" [(ngModel)]="language" class="project" interface="popover">
                                <ion-select-option    value="Nl">Nederlands</ion-select-option>
                                <ion-select-option   value="En">English</ion-select-option>
                                <ion-select-option   value="Fr">Fran├žais</ion-select-option>
                                <ion-select-option  value="De">Deutsch</ion-select-option>
                            </ion-select>
                        </div>
                        <div class="flexRow">
                            <div class="back">
                                <img class="smallImg" (click)="goToFacebook()" src="assets/facebook.png">
                                <img class="smallImg" (click)="goToWebsite()" src="assets/linkedIn.png">
                                <img class="smallImg" src="assets/instagram.png">
                            </div>
                        </div>
                    </div>
                </div>

            </ion-content>

        </ion-menu>
        <div class="ion-page" id="main-content">
                <div class="topNav">
                    <ion-buttons slot="start">
                        <ion-menu-button >
                            <img (click)="openSideMenu()"  src="assets/threeLinesLeft.png">
                        </ion-menu-button>
                    </ion-buttons>
                    <div class="middleFlex">
                        <p class="topText">104</p>
                        <p class="zaakNaam">naam van de zaak</p>
                    </div>
                    <div class="topRight">
                        <img (click)="goToRekening()" class="lefter" src="assets/receipt.png">
                        <img (click)="goToOber()" src="assets/smallWaiter.png">
                    </div>
                </div>
        </div>
    </div>
    <ion-router-outlet swipeBackEnabled=false></ion-router-outlet>
</ion-app>